判斷用戶使用的終端類型
阿新 • • 發佈：2017-06-29
logs window src 終端類型 res code apple 是否 urn
切入正題前，的先說一下
Navigator 對象
Navigator 對象包含有關瀏覽器的信息。
註意： 沒有應用於 navigator 對象的公開標準，不過所有瀏覽器都支持該對象。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="example"></div> <script> //判斷訪問終端 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應該程序，沒有頭部與底部 weixin: u.indexOf(‘MicroMessenger‘) > -1, //是否微信 qq: u.match(/\sQQ/i) == " qq" //是否QQ }; }(), language:(navigator.browserLanguage || navigator.language).toLowerCase() } txt = "<p>瀏覽器代號: " + navigator.appCodeName + "</p>"; txt+= "<p>瀏覽器名稱: " + navigator.appName + "</p>"; txt+= "<p>瀏覽器版本: " + navigator.appVersion + "</p>"; txt+= "<p>啟用Cookies: " + navigator.cookieEnabled + "</p>"; txt+= "<p>硬件平臺: " + navigator.platform + "</p>"; txt+= "<p>用戶代理: " + navigator.userAgent + "</p>"; txt+= "<p>用戶代理語言: " + navigator.systemLanguage + "</p>"; document.getElementById("example").innerHTML=txt; //判斷是否IE內核 if(browser.versions.trident){ alert("is IE"); } //判斷是否webKit內核 if(browser.versions.webKit){ alert("is webKit"); } //判斷是否移動端 if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移動端"); } //判斷如果是手機訪問就跳到對應網址 if (browser.versions.mobile) { location.href = "寫入跳轉地址"; } //作用同上 if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) { window.location="https://......"; } else if (browser.versions.android) { window.location="http://......"; } </script> </body> </html>
判斷用戶使用的終端類型