如何使用 JavaScript 检测用户的浏览器版本？

浏览器版本检测：揭开谜底

开发网站时，确定用户浏览器的版本对于确保兼容性和定制至关重要用户体验。然而，找到不仅检测浏览器类型而且检测浏览器版本的代码可能具有挑战性。

揭开秘密：窥探浏览器窗口

揭开谜底为了解决这个谜团，我们深入研究了 JavaScript，找到了一个解决方案，可以让我们查询浏览器的版本，更清楚地了解其版本

代码片段：导航器窗口一瞥

以下代码片段使您能够查询浏览器的名称及其特定版本：

navigator.sayswho = (function() {
  var ua = navigator.userAgent;
  var tem;
  var M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
  if (/trident/i.test(M[1])) {
    tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
    return 'IE ' + (tem[1] || '');
  }
  if (M[1] === 'Chrome') {
    tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
    if (tem != null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
  }
  M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
  if ((tem = ua.match(/version\/(\d+)/i)) != null) M.splice(1, 1, tem[1]);
  return M.join(' ');
})();

console.log(navigator.sayswho); // outputs: `Chrome 62`

付诸实践：现实世界示例

在此示例中，调用函数 navigator.sayswho 并返回包含浏览器名称和版本的字符串，允许您执行特定于版本的操作。例如，如果您想为 Firefox 3 用户定制内容，您可以使用以下代码来检查他们的存在：

if (navigator.sayswho.includes('Firefox 3')) {
  // Display content specific to Firefox 3
}

结论

通过利用借助 JavaScript 的强大功能，您可以揭开检测浏览器版本的秘密，使您能够创建无缝适应用户浏览器的体验。因此，下次您需要提供针对特定浏览器版本定制的内容时，请记住这些解锁浏览器窗口之谜的技术。

以上是如何使用 JavaScript 检测用户的浏览器版本？的详细内容。更多信息请关注PHP中文网其他相关文章！