我們做項目時需要判斷訪問終端的信息,做區別處理,下面的方法即可實現
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
<script>
window.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應該程序,沒有頭部與底部*/
weixin: u.toLowerCase().indexOf('micromessenger') > -1 /*是否是微信*/
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
};
console.log(browser)
</script>
