首页 > web前端 > js教程 > 如何使用 JavaScript 识别用户的浏览器和版本?

如何使用 JavaScript 识别用户的浏览器和版本?

DDD
发布: 2024-12-09 07:21:09
原创
795 人浏览过

How Can I Identify a User's Browser and Version Using JavaScript?

使用 JavaScript 识别浏览器详细信息

使用 JavaScript 确定确切的浏览器和版本可以在导航器对象的帮助下实现。该对象提供有关用户浏览环境的信息。

解决方案:

要检测浏览器及其版本,您可以使用以下代码代码片段:

navigator.saysWho = (() => {
  const {userAgent} = navigator;
  let match = userAgent.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  let temp;

  if (/trident/i.test(match[1])) {
    temp = /\brv[ :]+(\d+)/g.exec(userAgent) || [];

    return `IE ${temp[1] || ''}`;
  }

  if (match[1] === 'Chrome') {
    temp = userAgent.match(/\b(OPR|Edge)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('OPR', 'Opera');
    }

    temp = userAgent.match(/\b(Edg)\/(\d+)/);

    if (temp !== null) {
      return temp.slice(1).join(' ').replace('Edg', 'Edge (Chromium)');
    }
  }

  match = match[2] ? [match[1], match[2]] : [navigator.appName, navigator.appVersion, '-?'];
  temp = userAgent.match(/version\/(\d+)/i);

  if (temp !== null) {
    match.splice(1, 1, temp[1]);
  }

  return match.join(' ');
})();

console.log(navigator.saysWho);
登录后复制

说明:

  • 代码从导航器对象中提取用户代理字符串。
  • 它使用正则表达式以匹配浏览器名称和版本。
  • 对于 Internet Explorer,它会检查“trident”和从“rv”字段中提取版本号。
  • 对于 Chrome,它检查特定模式以区分 Chrome、Opera 和 Edge 浏览器。
  • 然后代码构造一个人类可读的代表浏览器和版本的字符串。
  • 通过调用console.log(navigator.saysWho),可以在控制台。

以上是如何使用 JavaScript 识别用户的浏览器和版本?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板