|
|
|
|
|
|
大多數人都使用跳轉適配的方式實現PC端到移動端的網頁轉換,而大多數人又是使用通過判斷UA的方法來區分PC端還是移動端,思路一樣,但代碼各不相同,有長有短,主要是根據自己的編程習慣和網頁URL特點來寫代碼。
這里跟大家分享一段判斷是否移動端設備的JS代碼,超短,百度都用它。
代碼如下:
if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
...
}
此代碼主要是抓住了移動端設備UA的幾個關鍵詞:iPhone/iPod/Android/ios,這幾個關鍵詞在PC端的UA里是不會出現的,從而判斷是否移動端。
很多人都使用通過判斷瀏覽器的方法來確定設備類型是PC還是移動,這種方法的特點是可以根據不同瀏覽器顯示不同的網頁,尤其是還可以根據瀏覽器不同而顯示不同的CSS文件,這是瀏覽器兼容性設計時常常用到的方法,大家后來把這個方法使用到PC跟移動的跳轉上。其實,這個方法也很好,對于某些網頁來說,更加靈活多變。可參考此文《js實現手機打開PC網頁自動跳到手機網頁》。
