如何使用JavaScript确定Opera浏览器

Question

我想确定Opera中客户端机器的浏览器是否使用JavaScript,该怎么做？

Answer 1

现在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相匹配.它使Operavar成为一个布尔值(true或false):

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

Answer 2

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

不开玩笑,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 3

在Prototype.js中,我们使用此推断:

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

这基本上检查该window.opera对象是否存在,其内部[[Class]]值是"Opera".这是一个比仅仅检查window.opera存在更稳固的测试,因为一些不相关的全局opera变量阻碍并导致误报的可能性要小得多.

说到不相关的全局变量,请记住,在MSHTML DOM中,元素可以通过id/name全局解析; 这意味着<a name="opera" href="...">foo</a>在标记中存在某些内容将导致window.opera引用该锚元素.这是你的误报......

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

当然,在嗅探浏览器之前总是三思而后行.通常有更好的方法来解决问题;)

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

Answer 4

上述答案在新的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 5

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

navigator.userAgent.indexOf("Opera");