我們做項目時需要判斷訪問終端的信息,做區別處理,下面的方法即可實現
<!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>