快捷導(dǎo)航

使用Javascript判斷瀏覽器終端設(shè)備(PC、IOS(iphone)、Android)

更新時(shí)間：2017年01月04日 15:00:07 作者：likar

WEB開(kāi)發(fā)中如何通過(guò)Javascript來(lái)判斷終端為PC、IOS(iphone)、Android呢?可以通過(guò)判斷瀏覽器的userAgent，用正則來(lái)判斷手機(jī)是否是ios和Android客戶端,下面通過(guò)本文學(xué)習(xí)下吧

WEB開(kāi)發(fā)中如何通過(guò)Javascript來(lái)判斷終端為PC、IOS(iphone)、Android呢？

可以通過(guò)判斷瀏覽器的userAgent，用正則來(lái)判斷手機(jī)是否是ios和Android客戶端。

var u = navigator.userAgent;
 isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android終端
 isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios終端

下面一個(gè)比較全面的瀏覽器檢查函數(shù)，提供更多的檢查內(nèi)容，你可以檢查是否是移動(dòng)端（Mobile）、ipad、iphone、微信、QQ等。

<script type="text/javascript">
//判斷訪問(wèn)終端
var browser={
 versions:function(){
  var u = navigator.userAgent, app = navigator.appVersion;
  return {
   trident: u.indexOf('Trident') > -1, //IE內(nèi)核
   presto: u.indexOf('Presto') > -1, //opera內(nèi)核
   webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內(nèi)核
   gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐內(nèi)核
   mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動(dòng)終端
   ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
   android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android終端
   iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD瀏覽器
   iPad: u.indexOf('iPad') > -1, //是否iPad
   webApp: u.indexOf('Safari') == -1, //是否web應(yīng)該程序，沒(méi)有頭部與底部
   weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
   qq: u.match(/\sQQ/i) == " qq" //是否QQ
  };
 }(),
 language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
</script>

使用方法：

//判斷是否IE內(nèi)核
if(browser.versions.trident){ alert("is IE"); }
//判斷是否webKit內(nèi)核
if(browser.versions.webKit){ alert("is webKit"); }
//判斷是否移動(dòng)端
if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移動(dòng)端"); }
檢測(cè)瀏覽器語(yǔ)言
currentLang = navigator.language; //判斷除IE外其他瀏覽器使用語(yǔ)言
if(!currentLang){//判斷IE瀏覽器使用語(yǔ)言
 currentLang = navigator.browserLanguage;
}
alert(currentLang);

上面只是平時(shí)用的最多的一種方法，其實(shí)還有第二種方法：

if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
 //alert(navigator.userAgent); 
 window.location.href ="iPhone.html";
} else if (/(Android)/i.test(navigator.userAgent)) {
 //alert(navigator.userAgent); 
 window.location.href ="Android.html";
} else {
 window.location.href ="pc.html";
};

不同的終端設(shè)備采用不同的響應(yīng)策略，具體場(chǎng)景靈活運(yùn)用把哈哈。

以上所述是小編給大家介紹的使用Javascript判斷瀏覽器終端設(shè)備(PC、IOS(iphone)、Android)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: