在前端项目一大部分工作就是兼容适配,所以s首先要判断浏览器类型,是否APP,是否web套壳APP,安卓还是ios等宿主环境
- 先说一下 我是根据全局变量window中的navigator.userAgent属性判断的
const UA = window.navigator.userAgent // 提取userAgent
可以取得类似以下信息
- 然后用正则判断该条信息中的一些特殊地 字段判断
const inAndroid = /Android/i.test(UA)
const inIOS = /iPhone|iPad|iPod/i.test(UA)
const inMicroMessenger = /MicroMessenger/i.test(UA)
const inWindowsWechat = /WindowsWechat/i.test(UA)
const isIphoneX = /iphone/i.test(navigator.UA ) && (screen.height == 812 && screen.width == 375)
const isIpad = /ipad/.test(UA)
- 如果是自己公司开发的app,那么可以在UA中添加一个xxApp/ios/1.0.0这样的字段,然后通过这个去判断其是否是在app内