如何使用 JavaScript 确定 Opera 浏览器

Question

我想使用JavaScript判断客户端机器的浏览器是否是Opera，该怎么做？

Answer 1

navigator 对象包含您需要的所有信息。这应该做：

navigator.userAgent.indexOf("Opera");

Answer 2

你介意使用 jQuery 吗？

那么你可以使用 jQuery.browser （参见文档）

但 jQuery 专家建议不要使用它。

我们建议不要使用此功能
属性，请尝试使用功能
改为检测（请参阅 jQuery.support）

编辑：

对于Mootools：使用 window.opera （请参阅文档）

Answer 3

现在 Opera 使用 Chrome 渲染引擎，公认的解决方案不再有效。

用户代理字符串显示如下：

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.52 Safari/537.36 OPR/15.0.1147.132

Opera 的唯一标识符是 OPR 部分。

这是我使用的代码，它应该与旧 Opera 或新 Opera 匹配。它使 Opera var 成为布尔值（true 或 false）：

var Opera = (navigator.userAgent.match(/Opera|OPR\//) ? true : false);

Answer 4

if(window.opera){
    //do stuffs, for example
    alert(opera.version()); //10.10 
}

不开玩笑，opera浏览器中有一个对象opera。

您可能会认为，对象 opera 是可重写的，但 navigator 也是可重写的。

更新：

为了获得更准确的结果，你可以这样做

if (window.opera && opera.toString() == "[object Opera]"){
    //do stuffs, tested on opera 10.10
}

我注意到，Opera都有addEventListener和attachEvent，所以还有另一种方法，例如

if (window.addEventListener && window.attachEvent){
    //do stuffs, tested on opera 10.10
}

Answer 5

上述答案在新的 Opera 30 中不再有效。因为 Opera 现在使用 Chromium。请使用以下内容：

var isChromium = window.chrome,
    isOpera = window.navigator.userAgent.indexOf("OPR") > -1 || window.navigator.userAgent.indexOf("Opera") > -1;
if(isChromium !== null && isOpera == true) {
   // is Opera (chromium)
} else { 
   // not Opera (chromium) 
}

新的 Opera 30 版本现已完全使用 Chromium，并将其 userAgent 更改为 OPR

Answer 6

在 Prototype.js 中，我们使用这个推论

var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';

：本质上是检查 window.opera 对象是否存在并且其内部 [[Class]] 值为“Opera”。这是比仅仅检查 window.opera 是否存在更可靠的测试，因为一些不相关的全局 opera 变量妨碍并导致误报的可能性要小得多。

说到不相关的全局变量，请记住，例如在 MSHTML DOM 中，元素可以通过 id/name 进行全局解析；这意味着标记中出现类似 foo 的内容将导致 window.opera 引用该锚元素。这就是你的误报...

换句话说，测试 [[Class]] 值，而不仅仅是存在。

当然，在嗅探浏览器之前一定要三思而后行。通常有更好的方法来解决问题;)

PS Opera 的未来版本有可能更改 window.opera 的 [[Class]]，但这似乎不太可能。