導航:首頁 > 器材知識 > 如何通過js判斷設備類型

如何通過js判斷設備類型

發布時間:2024-06-28 11:21:49

『壹』 js如何判斷客戶端是iOS還是Android等移動終端

判斷原理:
JavaScript是前端開發的主要語言,我們可以通過編寫JavaScript程序來判斷瀏覽器的類型及版本。JavaScript判斷瀏覽器類型一般有兩種辦法,一種是根據各種瀏覽器獨有的屬性來分辨,另一種是通過分析瀏覽器的userAgent屬性來判斷的。在許多情況下,值判斷出瀏覽器類型之後,還需判斷瀏覽器版本才能處理兼容性問題,而判斷瀏覽器的版本一般只能通過分析瀏覽器的userAgent才能知道。

瀏覽器類型
⑴瀏覽器特有屬性
⑵根據userAgent
瀏覽器版本
⑴根據userAgent

對於手機瀏覽器判斷
1.如何判斷是否為移動終端 利用正則match,
匹配navigator.userAgent是否含有字元串AppleWebKit*****Mobile
安卓qq瀏覽器HD版 只有AppleWebKit
2手機語言版本的判斷
使用navigator.browserLanguage 便可得出windows phone語言版本,
當然可惡的小小手機語言版本也有兼容性的差異,兼容Mozilla,以及AppleWebKit內核的瀏覽器訪問其語言版本,它會列出 navigator.language
CODE:
<script type="text/javascript">
var browser={
versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return { //移動終端瀏覽器版本信息
trident: u.indexOf('Trident') > -1, //IE內核
presto: u.indexOf('Presto') > -1, //opera內核
webKit: u.indexOf('AppleWebKit') > -1, //蘋果、谷歌內核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐內核
mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否為移動終端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios終端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android終端或uc瀏覽器
iPhone: u.indexOf('iPhone') > -1 , //是否為iPhone或者QQHD瀏覽器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web應該程序,沒有頭部與底部
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
document.writeln("語言版本: "+browser.language);
document.writeln(" 是否為移動終端: "+browser.versions.mobile);
document.writeln(" ios終端: "+browser.versions.ios);
document.writeln(" android終端: "+browser.versions.android);
document.writeln(" 是否為iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent);
</script>

比較特別的地方
UC瀏覽器沒有安卓報頭,只返回:linux ,這里粗略的根據linux來判斷是安卓(前提必須滿足是移動終端,UC這點是滿足的)
安卓QQ瀏覽器HD版檢測的結果是:mac, Safari

『貳』 js如何判斷是移動設備,還是pc

<scripttype="text/javascript">
functionbrowserRedirect(){
varsUserAgent=navigator.userAgent.toLowerCase();
varbIsIpad=sUserAgent.match(/ipad/i)=="ipad";
varbIsIphoneOs=sUserAgent.match(/iphoneos/i)=="iphoneos";
varbIsMidp=sUserAgent.match(/midp/i)=="midp";
varbIsUc7=sUserAgent.match(/rv:1.2.3.4/i)=="rv:1.2.3.4";
varbIsUc=sUserAgent.match(/ucweb/i)=="ucweb";
varbIsAndroid=sUserAgent.match(/android/i)=="android";
varbIsCE=sUserAgent.match(/windowsce/i)=="windowsce";
varbIsWM=sUserAgent.match(/windowsmobile/i)=="windowsmobile";
document.writeln("您的瀏覽設備為:");
if(bIsIpad||bIsIphoneOs||bIsMidp||bIsUc7||bIsUc||bIsAndroid||bIsCE||bIsWM){
document.writeln("phone");
}else{
document.writeln("pc");
}
}

browserRedirect();
</script>

『叄』 js判斷蘋果12

前端開發會遇到判斷設備類型是否是蘋果端,記錄一下顫缺js代碼

var u = navigator.userAgent;
var isAndroid = u.indexOf('茄拆辯Android') > -1 || u.indexOf('御差Adr') > -1; //android終端
var isiOS = !!u.match(/\(i[^;]+;( U;

閱讀全文

與如何通過js判斷設備類型相關的資料

熱點內容
網卡設備哪個牌好用 瀏覽:627
空調不製冷並且風力很小怎麼回事 瀏覽:771
常州哪裡買醫葯器材 瀏覽:489
不卡頓的劇網站免費觀看 瀏覽:868
五軸機床以上還有什麼機床 瀏覽:220
40分左右電影 瀏覽:313
設備的轉速怎麼算 瀏覽:763
機械運轉時的違章行為有哪些 瀏覽:683
免vip在線看電影電視劇 瀏覽:914
和愛戀一樣的尺度 瀏覽:398
自拍網網站 瀏覽:347
心火1997法國電影完整版達達兔 瀏覽:301
老闆和女秘書的倫理電影韓國 瀏覽:76
怎麼查看網路上的設備連接路由器 瀏覽:804
單元樓暖氣井閥門是什麼樣子的 瀏覽:83
儲能裝置作用 瀏覽:612
廚房器具與設備叫什麼 瀏覽:328
現在索納塔九軸承多少錢 瀏覽:953
真打軍的電影有哪些 瀏覽:258
泰國電影審判2004版在線觀看 瀏覽:747