移动端判断是否为真机打开

2018-05-24  本文已影响0人  前端划水工

本人公司移动端要对app打开和网页打开做判断
以下是我用到的代码:
新建文件夹appInfo.js 放入tools目录下

const userAgent = navigator.userAgent
let versionText = userAgent.match(/^(Android|android|iOS)\/[0-9]{2,}/g)
let version = versionText ? versionText[0].match(/[0-9]{2,}/) : 0
let type = userAgent.match(/(?=^(Android|android|iOS)\/)[a-zA-Z]+/g) || []
let appInfo = {
  isApp: /financial\//.test(userAgent),
  version: +version[0],
  type: type[0] ? type[0].toLowerCase() : void 0
}

export default appInfo

组件中导入
import appInfo from 'tools/appInfo'
在computed生命周期里定义isShow

isShow () {
        return !(appInfo.isApp && (appInfo.version >= 26)) //app打开为false
      }

如果需要判断为iPhoneX的话

isiphonex () {
        return /iphone/gi.test(navigator.userAgent) && (screen.height === 812 && screen.width === 375)
      }
上一篇下一篇

猜你喜欢

热点阅读