Question

我创建了我的桌面网站的移动网站版本。现在，在我的桌面网站上，只有在使用移动设备时屏幕宽度小于680像素时，我才会尝试重定向到手机。

CODE：

$(document).ready(function () {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {

 var deviceWidth = window.orientation == 0 ? window.screen.width : window.screen.height;
 if (navigator.userAgent.indexOf('Android') >= 0 && window.devicePixelRatio) {
   deviceWidth = deviceWidth / window.devicePixelRatio;
 }
             if (deviceWidth < 680) {
                 window.location.href = "Mobile page URL";
             }
         } 
        )};

代码工作正常，但问题是当用户从移动设备进入页面时，它会暂时加载一些html内容，然后才会重定向到移动页面。如何在加载任何页面内容之前确保重定向？我错过了什么吗？我应该创建一个负责重定向的第3个空白页吗？

提前感谢您对此事的任何启示。

Answer 1

您可以在头部使用您的脚本，但如果您在服务器上检查它并从服务器重定向到移动页面，则会更好。要检查服务器，请参阅：Request.Browser.IsMobileDevice = false for Android, why?

在加载html内容之前重定向到移动版本

1 个答案: