移動設備檢測問題

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入門 。