APP内跳转H5页面UA判断

  • A+
所属分类:js vue 前端

最近在做一个需求,要求在app内访问h5页面的时候,不展示页面加载的loading,由于app访问h5页面时的UserAgent中会拼接带有公司特定的标识如abc,所以只需要判断是否有这个标识,然后进行操作就可以了。

indexOf()函数用来判断这个字符串是否包含在UA中,

if(navigator.userAgent.indexOf('abc/') == -1){

    //不存在,代表不是app访问的

}else {

    //存在,代表是app访问的,做loading隐藏的操作

}

当然也可以用来判断手机的操作系统  可以使用match,indexOf,test函数

判断是iOS系统

window.navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/

 

/(iPhone|iPad|iPod|iOS)/i.test(window.navigator.userAgent)

判断小于iOS11系统

!!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) && /OS\s([1-9]+)/.test(navigator.userAgent) && +RegExp.$1 < 11

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: