技術(shù)頻道導(dǎo)航
HTML/CSS
.NET技術(shù)
IIS技術(shù)
PHP技術(shù)
Js/JQuery
Photoshop
Fireworks
服務(wù)器技術(shù)
操作系統(tǒng)
網(wǎng)站運(yùn)營

贊助商

分類目錄

贊助商

最新文章

搜索

判斷是否移動端設(shè)備的JS代碼,超短,百度都用它

作者:admin    時間:2015-6-23 18:3:13    瀏覽:

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

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

代碼如下:

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

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

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

標(biāo)簽: 瀏覽器  
x
  • 站長推薦
/* 左側(cè)顯示文章內(nèi)容目錄 */