如何在 JavaScript 中可靠地检测浏览器类型？

如何可靠地检测浏览器类型

在开发特定于浏览器的扩展时，准确识别用户的浏览器至关重要。检测浏览器类型对于为每个浏览器提供正确的插件至关重要。

有问题的检测方法

一种常见的方法是检查用户代理字符串。然而，这种方法并不可靠，因为攻击者可以很容易地欺骗这个值。因此，有必要采用更可靠的技术。

浏览器鸭子类型

鸭子类型是一种更可靠的浏览器检测方法。以下是采用此方法的 JavaScript 代码片段：

// Opera 8.0+
var isOpera = (!!window.opr && !!opr.addons) || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;

// Firefox 1.0+
var isFirefox = typeof InstallTrigger !== 'undefined';

// Safari 3.0+ "[object HTMLElementConstructor]"
var isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || (typeof safari !== 'undefined' && window['safari'].pushNotification));

// Internet Explorer 6-11
var isIE = /*@cc_on!@*/false || !!document.documentMode;

// Edge 20+
var isEdge = !isIE && !!window.StyleMedia;

// Chrome 1 - 79
var isChrome = !!window.chrome && (!!window.chrome.webstore || !!window.chrome.runtime);

// Edge (based on chromium) detection
var isEdgeChromium = isChrome && (navigator.userAgent.indexOf("Edg") != -1);

// Blink engine detection
var isBlink = (isChrome || isOpera) && !!window.CSS;

功能检测与浏览器检测

如果可能，请选择功能检测而不是浏览器检测。功能检测涉及检查特定功能或对象是否存在，从而提供更可靠且独立于浏览器的方法。

示例用法

要使用浏览器检测代码，请按照以下步骤操作步骤：

1. 将代码片段放入 JavaScript 文件中。
2. 使用isBrowserName 变量来确定浏览器类型。
3. 根据浏览器类型，将用户重定向到适当的插件下载页面。

请记住谨慎使用浏览器检测，并且仅在必要时使用，例如显示特定于浏览器的安装说明。功能检测应该是确保兼容性和优化用户体验的主要工具。

以上是如何在 JavaScript 中可靠地检测浏览器类型？的详细内容。更多信息请关注PHP中文网其他相关文章！