卡卡網(wǎng)

大多數(shù)人都使用跳轉(zhuǎn)適配的方式實(shí)現(xiàn)PC端到移動(dòng)端的網(wǎng)頁(yè)轉(zhuǎn)換，而大多數(shù)人又是使用通過(guò)判斷UA的方法來(lái)區(qū)分PC端還是移動(dòng)端，思路一樣，但代碼各不相同，有長(zhǎng)有短，主要是根據(jù)自己的編程習(xí)慣和網(wǎng)頁(yè)URL特點(diǎn)來(lái)寫代碼。

這里跟大家分享一段判斷是否移動(dòng)端設(shè)備的JS代碼，超短，百度都用它。

代碼如下：

if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
  ...
}

此代碼主要是抓住了移動(dòng)端設(shè)備UA的幾個(gè)關(guān)鍵詞：iPhone/iPod/Android/ios，這幾個(gè)關(guān)鍵詞在PC端的UA里是不會(huì)出現(xiàn)的，從而判斷是否移動(dòng)端。

很多人都使用通過(guò)判斷瀏覽器的方法來(lái)確定設(shè)備類型是PC還是移動(dòng)，這種方法的特點(diǎn)是可以根據(jù)不同瀏覽器顯示不同的網(wǎng)頁(yè)，尤其是還可以根據(jù)瀏覽器不同而顯示不同的CSS文件，這是瀏覽器兼容性設(shè)計(jì)時(shí)常常用到的方法，大家后來(lái)把這個(gè)方法使用到PC跟移動(dòng)的跳轉(zhuǎn)上。其實(shí)，這個(gè)方法也很好，對(duì)于某些網(wǎng)頁(yè)來(lái)說(shuō)，更加靈活多變?？蓞⒖即宋摹?a target="_blank" href="http://www.howtostagehomes.com/tutorial/js/2014/091112/">js實(shí)現(xiàn)手機(jī)打開(kāi)PC網(wǎng)頁(yè)自動(dòng)跳到手機(jī)網(wǎng)頁(yè)》。

標(biāo)簽: 瀏覽器