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

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。