js代码判断浏览器

43次阅读

共计 937 个字符,预计需要花费 3 分钟才能阅读完成。

一、在公共的 js 部分引入一个 js 文件判断当前的浏览器,代码如下
let browser = {
versions: (function () {
let u = navigator.userAgent
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 || u.indexOf(‘Adr’) > -1, // android 终端或 uc 浏览器
iPhone: u.indexOf(‘iPhone’) > -1, // 是否为 iPhone 或者 QQHD 浏览器
iPad: u.indexOf(‘iPad’) > -1, // 是否 iPad
webApp: u.indexOf(‘Safari’) === -1,
weixin: u.indexOf(‘MicroMessenger’) > -1, // 是否微信(2015-01-22 新增)
qq: u.indexOf(‘ QQ’) > -1 // 是否 QQ
// 是否 web 应该程序,没有头部与底部
}
}()),
language: (navigator.browserLanguage || navigator.language)
.toLowerCase()
}

export default browser
二、在需要判断的组件里局部引用此文件
import browser from ‘common/js/judge_device.js’
假设需要判断该浏览器是否是微信浏览器
console.log(browser.versions.weixin) // true 就是微信浏览器,否则为其他浏览器

正文完
 0