检测iPad设备,并可选择查看常规网站JavaScript

Detect iPad device with an option to view the regular site JavaScript

本文关键字:常规 网站 JavaScript 可选择 iPad 设备 检测      更新时间:2023-09-26

我有一个JavaScript,可以检测iPad并将其重定向到移动网站。我还有一个链接,允许用户离开移动网站查看完整的网站。然而,当他们点击链接查看完整网站时,JavaScript会再次启动,并将他们重定向回移动网站。我该如何解决这个问题?下面是我的JavaScript代码示例。

if ((navigator.userAgent.indexOf('iPad') != -1)) {
    document.location = "http://www.sample.com/mobilego.aspx";
}

使用sessionStoragelocalStorage存储覆盖重定向的标志。

例如,在移动站点上

if (window.sessionStorage) sessionStorage.setItem("beenOnMobileSite",true)

和主站点

if ((navigator.userAgent.indexOf('iPad') != -1
  && !sessionStorage.getItem("beenOnMobileSite")) {
    document.location = "http://www.sample.com/mobilego.aspx";
}

使用localStorage而不是sessionStorage使覆盖持久化。

如果移动站点和主站点位于不同的服务器上,它们将无法访问同一存储。对此的一个解决方案是在主页面的链接中添加一个参数,并在主页上的脚本中检查该参数。如果存在该参数,请像以前一样覆盖重定向,但也可以像上面一样设置sessionStoragelocalStorage项以使其保持不变。