2013-10-28 134 views
0

今天我添加代碼到我的網站頭部分通過屏幕大小來檢測移動設備,代碼爲:移動設備檢測問題

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

這對我的作品很大,但現在的問題是,當我重定向到移動版網站,我到那裏鏈接去桌面版網站。當我點擊它時,我被重定向到桌面版本,然後立即重定向回移動網站,因爲我有移動網站檢測! :-)它是無盡的循環。如何解決這個問題呢?

+1

您需要設置某種cookie來檢查您是否點擊了鏈接以查看完整網站。順便說一句,你爲什麼這樣做,而不是通過.htaccess或PHP頭? – putvande

+0

我使用js的唯一原因是我認爲這是最簡單的方法,對嗎? –

+0

這可能是最簡單的方法,但它不是最好的(對搜索引擎優化和性能) – putvande

回答

0

屏幕的大小可能不是檢測移動設備的最佳方式。看看http://wurfl.io/,看看這是否有用。 是的,你需要一個cookie或一些本地存儲,以避免循環

0

僅依靠屏幕大小是不夠的。事實上,許多現代智能手機的屏幕寬度超過800像素。然後你也有平板電腦,智能電視,控制檯和電子閱讀器。最好的辦法是使用現有的解決方案,如51Degrees.com

設置起來很容易,數據庫定期更新新設備。檢測是在您的服務器上完成的,這可以縮短用戶的頁面加載時間。此外,您可以使用image optimiser在重定向到移動頁面時處理圖像大小調整。

對於PHP探測器的簡單4步設置,請訪問:PHP Getting Started