页面环境判断
项目中我们经常会使用一套H5页面内嵌到APP,小程序中。有些场景就需要根据不同的环境,来处理一些需求,这时候就需要进行环境判断了。
const ua = window.navigator.userAgent.toLowerCase(); const AppUtils = { isApp: ua.indexOf('lvmm') > -1, isIOS: ua.indexOf('iphone') > -1 || ua.indexOf('ipad') > -1, //ios isIphoneX: ua.indexOf('iphone') > -1 && ( (screen.width === 375 && screen.height === 812) || (screen.width === 414 && screen.height === 896) ), //IOS-IphoneX isAndriod: ua.indexOf('lvmm') > -1 && ua.indexOf('android') > -1, isWX:ua.match(/MicroMessenger/i) == 'micromessenger',//微信环境 isWXSP: window.__wxjs_environment === 'miniprogram' || ua.indexOf('miniprogram') > -1, //微信小程序环境 IsBD: ua.indexOf('baidu') > -1 }