项目中很多时候会遇到判断浏览器环境的问题,比如说微信浏览器/APP环境,ios/安卓环境;一般我们只需要根据全局变量window(global)中的navigator.userAgent属性来判断就可以了。
先提取userAgent:
const userAgent = global.navigator.userAgent
然后用简单的正则去判断是否含有某些特殊字段:
const inAndroid = /Android/i.test(userAgent)
const inIOS = /iPhone|iPad|iPod/i.test(userAgent)
const inMicroMessenger = /MicroMessenger/i.test(userAgent)
const inWindowsWechat = /WindowsWechat/i.test(userAgent)
当然这里只是抛砖引玉,如果是web套壳app的话,可以在app的内嵌浏览器中添加特殊的userAgent属性名来区分是否是在这个环境中。