移动设备检测问题

Question

今天，我将代码添加到我的网站头部，以通过屏幕尺寸检测移动设备，代码为：

<script type="text/javascript">
if (screen.width <= 699) {document.location = "http://m.mywebsite.com";}
</script>

它对我来说很棒，但是现在的问题是，当我重定向到网站的移动版本时，我到达那里的链接可以转到网站的桌面版本。 当我点击它时，我被重定向到桌面版本，然后立即重定向回移动网站，原因是我可以检测到移动网站！ :-)这是无尽的循环。 如何解决这个问题？

Answer 1

屏幕尺寸可能不是检测移动设备的最佳方法。 看一下http://wurfl.io/ ，看看是否有用。 是的，您需要一个cookie或一些本地存储来避免循环

Answer 2

仅仅依靠屏幕尺寸是不够的。 实际上，许多现代智能手机的屏幕宽度都超过800像素。 然后，您还拥有平板电脑，智能电视，控制台和电子阅读器。 最好的办法是使用现有的解决方案，例如51Degrees.com 。

它很容易设置，并且定期使用新设备更新数据库。 检测是在您的服务器上完成的，这可以缩短用户的页面加载时间。 另外，当您重定向到移动页面时，可以使用图像优化器来处理图像大小调整。

要轻松进行4步的PHP检测器设置，请访问： PHP入门 。