【主要知識】
瀏覽器設備信息:navigator.userAgent(本文中主要用到知識)
瀏覽器版本信息:navigator.appVersion
var ua = navigator.userAgent;var browser = { versions: function () { // 瀏覽器版本信息 return { trident: ua.indexOf('Trident') > -1, // IE瀏覽器 trident內核 presto: ua.indexOf('Presto') > -1, // opera瀏覽器 presto內核 webKit: ua.indexOf('AppleWebKit') > -1, // chrome safari瀏覽器 webkit內核 gecko: ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') == -1, //firefox瀏覽器 gecko內核 mobile: !!ua.match(/AppleWebKit.*Mobile.*/), // 是否為移動終端 ios: !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios終端 android: ua.indexOf('Android') > -1 || ua.indexOf('Linux') > -1, // android終端或UC瀏覽器 iPad: ua.indexOf('iPad') > -1, //iPad終端 webApp: ua.indexOf('Safari') == -1 //是否web應用程序,沒有頭部與底部 } }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() // 文檔語言 } if (browser.versions.mobile) { // 判斷是否是移動設備打開 if (ua.match(/MicroMessenger/i) == "MicroMessenger") { // 在微信中打開 } if (ua.match(/WeiBo/i) == "Weibo") { // 在新浪微博客戶端打開 } if (ua.match(/QQ/i) == "QQ") { // 在QQ端打開 } if (browser.versions.ios) { // 在IOS瀏覽器打開 } if (browser.versions.android) { // 在安卓瀏覽器打開 }
} else { // 否則就是PC瀏覽器打開 }
【參考文章】