允许移动设备重定向或查看整个网站

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的检查，以防止他们决定在移动设备上浏览桌面版本时执行该cookie。

这个很棒的jQuery Cookie插件非常轻量级，让使用cookie变得轻而易举。