我有5个插件/扩展Firefox, Chrome, Internet Explorer(IE)， Opera和Safari。
我如何正确识别用户浏览器和重定向(一旦安装按钮已被点击)下载相应的插件?
当前回答
const isChrome = /Chrome/.test(navigator.userAgent)
const isFirefox = /Firefox/.test(navigator.userAgent)
其他回答
谢谢大家。我在最近的浏览器上测试了这里的代码片段:Chrome 55、Firefox 50、IE 11和Edge 38，我想出了下面的组合，对所有这些浏览器都适用。我相信这是可以改进的，但对于任何需要的人来说，这是一个快速的解决方案:
var browser_name = '';
isIE = /*@cc_on!@*/false || !!document.documentMode;
isEdge = !isIE && !!window.StyleMedia;
if(navigator.userAgent.indexOf("Chrome") != -1 && !isEdge)
{
browser_name = 'chrome';
}
else if(navigator.userAgent.indexOf("Safari") != -1 && !isEdge)
{
browser_name = 'safari';
}
else if(navigator.userAgent.indexOf("Firefox") != -1 )
{
browser_name = 'firefox';
}
else if((navigator.userAgent.indexOf("MSIE") != -1 ) || (!!document.documentMode == true )) //IF IE > 10
{
browser_name = 'ie';
}
else if(isEdge)
{
browser_name = 'edge';
}
else
{
browser_name = 'other-browser';
}
$('html').addClass(browser_name);
它将一个CSS类添加到HTML中，带有浏览器的名称。
你可以使用Detect-browser.js，这个JavaScript库可以检测并打印一个浏览器信息对象，包括浏览器语言/名称、用户代理、设备类型、用户操作系统、引用器、在线/离线、用户时区、屏幕分辨率和启用cookie。
从这里获取detect-browser.js
它会给你这样的东西:
以下是2016年Rob的答案调整版本，包括Microsoft Edge和Blink检测:
(编辑:我用这些信息更新了Rob的答案。)
// Opera 8.0+ (UA detection to detect Blink/v8-powered Opera) isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0; // Firefox 1.0+ isFirefox = typeof InstallTrigger !== 'undefined'; // Safari 3.0+ isSafari = /constructor/i.test(window.HTMLElement) || (function (p) { return p.toString() === "[object SafariRemoteNotification]"; })(!window['safari'] || safari.pushNotification); // Internet Explorer 6-11 isIE = /*@cc_on!@*/false || !!document.documentMode; // Edge 20+ isEdge = !isIE && !!window.StyleMedia; // Chrome 1+ isChrome = !!window.chrome && !!window.chrome.webstore; // Blink engine detection isBlink = (isChrome || isOpera) && !!window.CSS; /* Results: */ console.log("isOpera", isOpera); console.log("isFirefox", isFirefox); console.log("isSafari", isSafari); console.log("isIE", isIE); console.log("isEdge", isEdge); console.log("isChrome", isChrome); console.log("isBlink", isBlink);
这种方法的美妙之处在于它依赖于浏览器引擎属性，因此它甚至涵盖了衍生浏览器，如Yandex或Vivaldi，这些浏览器实际上与它们所使用的引擎的主要浏览器兼容。例外是Opera，它依赖于用户代理嗅探，但是今天(即ver。15岁及以上)甚至Opera本身也只是Blink的一个外壳。
我知道这可能是使用一个库，但只是为了丰富线程，你可以检查is.js的方式:
is.firefox();
is.ie(6);
is.not.safari();
UAParser是一个JavaScript库，用于从userAgent字符串中识别浏览器、引擎、操作系统、CPU和设备类型/型号。
有一个CDN可用。在这里，我包含了一个使用UAParser检测浏览器的示例代码。
<!doctype html>
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/ua-parser-js@0/dist/ua-parser.min.js"></script>
<script type="text/javascript">
var parser = new UAParser();
var result = parser.getResult();
console.log(result.browser); // {name: "Chromium", version: "15.0.874.106"}
</script>
</head>
<body>
</body>
</html>
现在您可以使用result的值。浏览器有条件地编程您的页面。
来源教程:如何检测浏览器，引擎，操作系统，CPU和设备使用JavaScript?
