判断移动端所处浏览器环境：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, android....的方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。