javascript - 如何让 jQuery Mobile 站点上的完整站点按钮正常工作？

Question

我设计了一个网页和同一页面的移动版本(使用 jQuery Mobile)。

我有 javascript 代码检测用户是否使用移动设备，然后重定向到移动网站 (mobile.html)。

但是，当用户尝试从移动站点转到桌面或完整站点时，它会调出页面，但看起来不对...在移动设备上查看时有点放大和移位。

************The Javascript to detect mobile device************

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
 if (mobile) { 
    document.location = "http://www.somedomain.com/mobile.html";  }
 }  




************jQuery Mobile button for Full Site ***************

<ul data-role="listview" data-inset="true">
        <li>
            <a href="http://www.somdomain.com/?view=full">Full Site</a>
        </li>
</ul>

如何使完整网站的重定向看起来像在移动设备上应该显示的那样？

Answer 1

显然，您将返回到移动网站，因为它会运行您的检测脚本并直接将您重定向回来。您需要使用技巧来避免这种情况。

您需要告诉整个网站您刚从移动网站访问并且不想返回。

完整站点上的一些示例:

• 检查 View 是否设置为“完整”。如果 true，设置 cookie 或 php session 以避免运行检测脚本。
• 检查 referrer 是否为移动网站。如果为真，则不要运行检测脚本。

希望这能让你上路。