我是靠谱客的博主 搞怪篮球,这篇文章主要介绍判断移动端所处浏览器环境:ios, android....的方法,现在分享给大家,希望可以做个参考。

分享一个能够在代码中判断网页所处浏览器环境的方法,还是直接上代码:

ios               // ios终端
android           // android终端或者uc浏览器
wechat            // 微信
wechatMiniprogram // 微信小程序

const browser = {
  get versions() {
    const userAgent = window.navigator.userAgent;
    return {
      // 移动终端浏览器版本信息
      ios: !!userAgent.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), // ios终端
      android: userAgent.indexOf("Android") > -1 || userAgent.indexOf("Linux") > -1, // android终端或者uc浏览器
      wechat: userAgent.toLowerCase().indexOf("micromessenger") > -1,
      wechatMiniprogram:
        userAgent.toLowerCase().indexOf("micromessenger") > -1 &&
        userAgent.toLocaleLowerCase().indexOf("miniprogram") > -1,
    };
  },
};
export default browser;

大概说下原理: window.navigator.userAgent 属性是一个只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值。
对应的是User-Agent字段,该字段内含有系统、环境、版本等信息

最后

以上就是搞怪篮球最近收集整理的关于判断移动端所处浏览器环境:ios, android....的方法的全部内容,更多相关判断移动端所处浏览器环境:ios,内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(133)

评论列表共有 0 条评论

立即
投稿
返回
顶部