网站不断在移动设备上重新加载 - Javascript

Question

在桌面上，我制作的网站运行完美，但在移动设备上，页面不断刷新，不允许用户查看任何内容。我很难让我的网站响应，所以我创建了一个名为 mobile.html 的新文件来正确显示所有内容。当屏幕达到一定尺寸时，站点重定向到 mobile.html。这是我认为会产生问题的代码。

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="viewport" content="width=1500px, maximum-scale=1.0" />
  <script type="text/javascript">
    if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) ) {
      document.location = "mobile.html";
    }
  </script>

我该如何解决这个问题？

感谢任何帮助，谢谢

Answer 1

试试这个代码...

<script type="text/javascript">
if (document.location == "example.com/mobile.html") {
    //do nothing
}

else if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent)) {
    document.location = "mobile.html";
}
</script>

Answer 2

首先检查 mobile.html 并确保您没有转发代码。

或者您可以检查当前页面不是 mobile.html。您可以使用下面的代码，这将对您的页面进行更多控制。首先检查 userAgent 是否是移动设备，然后检查当前页面是否 mobile.html 如果两者都为真，这意味着用户正在从移动设备连接但未查看移动页面，因此转发到移动页面。

var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
var mobilePage = 'mobile.html';

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|OperaMini/i.test(navigator.userAgent) && filename !== mobilePage ) {
  document.location = mobilePage;
}

网站不断在移动设备上重新加载 - Javascript

Website keeps reloading on mobile device - Javascript

html

javascript

mobile

reload