Question

我希望通过检测浏览器宽度与screen.width相反来将我的网站重定向到移动版本，这可能吗？这是我想要改变的代码......

<script type="text/javascript">


<!--
if (screen.width <= 767) {
    window.location = "http://m.mysite.com";
}
//-->
</script>

screen.width似乎没有给出可靠的回应，因为移动设备上的分辨率非常高（我认为这是问题）。因此，当我将数字设置得更高时，它会开始在Ipads或小型桌面浏览器上加载移动网站。

我宁愿不下去用户代理路线，因为我不希望每次新手机发布时都要检查每个网站。

谢谢。

Answer 1

我对这个问题不是很熟悉，但为了帮助你，我google了一下，我找到了一些可能对你有用的文章，它们包括PHP，Javascript和一些关于如何＆amp;这是为什么。

也许你会发现它很有用。

1：

http://twoninewebdesign.com/2012/01/Admin/mobile-device-redirect-for-your-website/

2：

http://mobithinking.com/guide-device-detection

3：

http://www.webhostinghub.com/support/website/how-to/mobile-redirect

诚恳，哈门布林克曼。

Answer 2

我决定选择用户代理，屏幕宽度和窗口宽度的组合。这应该尽可能准确。

我使用了这里的PHP代码...... http://detectmobilebrowsers.com/ 并编辑了我的javascript ..

<script type="text/javascript">

windowWidth = window.innerWidth;
<!--

if (screen.width <= 767 || windowWidth <= 767) {
    window.location = "http://m.mysite.com";
}
//-->
</script>
<?php //CODE FROM LINK ABOVE ?>

使用浏览器宽度而不是屏幕宽度重定向到移动设备

2 个答案: