html - 允许移动设备重定向或查看完整站点

Question

现在，如果您在移动设备上访问我的网站，由于以下代码，您将被重定向到子域。它会检查您的屏幕宽度是否低于 800，或者您使用的是 iphone、ipad 或 ipod。

我想做的一件事是允许访问者查看完整的站点，如果他们愿意的话。如果他们选择这样做，我该如何让他们绕过这个？

<script type="text/javascript">
<!--
    if (screen.width <= 800) {
        document.location = "http://m.site.ca";
    }
    //-->
</script>
<script type="text/javascript">
    // <![CDATA[
    if ((navigator.userAgent.indexOf('iPhone') != -1) ||  
       (navigator.userAgent.indexOf('iPod') != -1) ||     
       (navigator.userAgent.indexOf('iPad') != -1)) {                   
           document.location = "http://m.site.ca";
    } // ]]>
</script>

Answer 1

Cookie 可能是最简单的方法。

如果他们要求在移动设备上访问“桌面”版本的网站，只需设置一个 cookie，并在您的重定向脚本之前添加一个对该 cookie 的检查，以防止其执行，如果他们决定从移动设备浏览桌面版本。

出色的jQuery Cookie插件非常轻量级，让使用 cookie 变得轻而易举。