blocks|key|364970|text|不完全是这个问题的答案...但是，如果你试图检测一个特定的浏览器品牌，那么功能检查的意义就有点迷失了。我非常怀疑任何其他浏览器都在使用Chrome+userAgent字符串，所以如果你的问题是‘这个浏览器是Chrome吗’，你应该看看它。(顺便说一句，window.ActiveXObject不能保证IE，有其他浏览器的插件可以提供这个对象。这在某种程度上说明了我试图提出的观点。)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|364971|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Not exactly an answer to the question... but if you are trying to detect a specific browser brand, the point of feature-checking is kind of lost. I highly doubt any other browsers are using the Chrome userAgent string, so if your question is 'is this browser Chrome', you should just look at that. (By the way, window.ActiveXObject does not guarantee IE, there are plug-ins for other browsers that provide this object. Which kind of illustrates the point I was trying to make.)

blocks|key|3158134|text|因此，如果您接受Marijn的观点并对通过javascript测试用户代理字符串感兴趣：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3158135|var+is_chrome+=+navigator.userAgent.toLowerCase().indexOf('chrome')+>+-1;|offset|length|style|CODE|3158136|(出处：http://davidwalsh.name/detecting-google-chrome-javascript+)|3158137|3158138|下面是对chromes用户代理字符串的一个非常好的分析/分解：http://www.simonwhatley.co.uk/whats-in-google-chromes-user-agent-string|3158139|entityMap|0|LINK|mutability|MUTABLE|url|http://davidwalsh.name/detecting-google-chrome-javascript|1|http://www.simonwhatley.co.uk/whats-in-google-chromes-user-agent-string^0|0|0|21|0|4|1L|0|0|0|V|1Z|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|J|3|-4|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|15|8|@]|9|@$D|16|E|17|1|18]]|A|$]]|$1|M|3|-4|5|6|7|19|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

So, if you accept Marijn's point and are interested in testing the user agent string via javascript:

<code>var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') &gt; -1;</code>

(Credit to: <a href="http://davidwalsh.name/detecting-google-chrome-javascript" rel="nofollow noreferrer">http://davidwalsh.name/detecting-google-chrome-javascript</a> )

<hr>

Here's a really nice analysis/breakdown of the chromes user agent string: <a href="http://www.simonwhatley.co.uk/whats-in-google-chromes-user-agent-string" rel="nofollow noreferrer">http://www.simonwhatley.co.uk/whats-in-google-chromes-user-agent-string</a>

blocks|key|3370845|text|isChrome+=+function()+{
++++return+Boolean(window.chrome);
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3370846|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>isChrome = function() {
 return Boolean(window.chrome);
}
</code></pre>

blocks|key|3370882|text|你不应该专门检测Chrome。如果有什么不同的话，你应该检测到WebKit，因为就页面渲染而言，Chrome的行为应该与其他WebKit浏览器(Safari，Epiphany)完全一样。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3370883|如果您不仅需要检测WebKit，而且还需要找出正在使用的确切版本，请参阅此链接：http://trac.webkit.org/wiki/DetectingWebKit|offset|length|3370884|但是，正如其他人上面所说的，你不应该检测浏览器，你应该检测功能。有关这方面的更多信息，请参阅ADC文章：http://developer.apple.com/internet/webcontent/objectdetection.html|3370885|entityMap|0|LINK|mutability|MUTABLE|url|http://trac.webkit.org/wiki/DetectingWebKit|1|http://developer.apple.com/internet/webcontent/objectdetection.html^0|0|14|17|0|0|1G|1V|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|Q]]]]

You shouldn't be detecting Chrome specifically. If anything, you should be detecting WebKit, since as far as page rendering is concerned, Chrome should behave exactly like other WebKit browsers (Safari, Epiphany).

If you need not only to detect WebKit, but also find out exactly what version is being used, see this link: <a href="http://trac.webkit.org/wiki/DetectingWebKit" rel="nofollow noreferrer">http://trac.webkit.org/wiki/DetectingWebKit</a>

But again, as other people said above, you shouldn't detect browsers, you should detect features. See this ADC article for more on this: <a href="http://developer.apple.com/internet/webcontent/objectdetection.html" rel="nofollow noreferrer">http://developer.apple.com/internet/webcontent/objectdetection.html</a>

blocks|key|3370904|text|你可能需要知道浏览器是Chrome的一个原因是因为它“完全”符合标准。我已经遇到了旧的JavaScript代码的问题，我认为这些代码是符合标准的(根据FF或Opera标准--它们都很好)，但Chrome更加挑剔。这迫使我重写了一些代码，但有时使用if(isChrome)+{+blah...blah+)技巧让它运行起来可能更容易。Chrome似乎运行得很好(我支持标准遵从性)，但有时你只需要知道用户在运行什么。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3370905|此外，Chrome的速度也非常快。问题是，一些JavaScript代码无意间依赖于其他浏览器的缓慢速度来正常工作，例如:页面加载、iframe加载、样式表链接和javascript链接在页面头部的放置等。这些都会导致新的问题，当函数真正可用于与页面元素交互时。所以现在，你可能真的需要知道...|3370906|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

One reason you might need to know the browser is Chrome is because it 'is' so damn standards compliant. I have already run into problems with old JavaScript code which I thought was standards compliant (by FF or Opera standards - which are pretty good), but Chrome was even more picky. It forced me to rewriting some code, but at times it might be easier to use the if(isChrome) { blah...blah ) trick to get it running. Chrome seems to work very well (I'm for standard compliance), but sometimes you just need to know what the user is running in grave detail.

Also, Chrome is very fast. Problem is, some JavaScript code unintentionally depends on the slowness of other browsers to work properly, ie: page loading, iframe loading, placement of stylesheet links and javascript links in page head, etc. These can cause new problems with when functions are really available to interact with page elements. So for now, you really might need to know...

blocks|key|3370915|text|对于所有标准的纳粹..。有时你可能想要使用出血“标准技术”，这些技术还不是标准的，但它们将是……例如css3特性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3370916|这就是我找到这个页面的原因。|3370917|出于某些原因，Safari运行边界半径和box-shadow的组合很好，但chrome不能正确呈现该组合。因此，如果能找到一种方法来检测chrome，那就太好了，即使它是webkit来禁用组合的。|3370918|我遇到了数以百计的理由来检测特定的浏览器/版本，这通常会以放弃一个很酷的功能的想法而告终，因为我想做的事情没有得到大邪恶的支持……|3370919|但有时，有些功能太酷了，不能不使用它们，即使它们还没有标准化。|3370920|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|O|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|K|$]]

For all the standards nazis... sometimes you might want to use bleeding "standard technologies" which aren't just yet standard but they will be... Such as css3 features.

Which is the reason why I found this page.

For some reason, Safari runs a combo of border-radius with box-shadow just fine, but chrome doesn't render the combination correctly. So it would be nice to find a way to detect chrome even though it is webkit to disable the combination.

I've ran into hundreds of reasons to detect a specific browser/version which usually ends up in scrapping an idea for a cool feature because what I want to do is not supported by the big evil...

But sometimes, some features are just too cool to not use them, even if they aren't standardized yet.

blocks|key|363221|text|我经常使用行为/能力检测。在处理之前直接检查浏览器是否支持功能，而不是根据浏览器的名称(user-agent)来处理它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|363222|浏览器特定的解决方法的一个问题是，您不知道bug是否已经修复，或者该功能现在是否受支持。当您进行功能检测时，您知道浏览器是否直接支持它，并且您不仅仅是浏览器列表。|363223|http://diveintohtml5.ep.io/everything.html|offset|length|363224|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|16|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@$F|R|G|S|1|T]]|A|$]]|$1|H|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|E]]]]

I often use behavior/capability detection. Directly check whether the browser supports functionality before working around it, instead of working around it based on what might be the browser's name (user-agent).

A problem with browser-specific workarounds, is you don't know if the bug has been fixed or if the feature is supported now. When you do capability detection, you know the browser does or doesn't support it directly, and you're not just being browser-ist.

<a href="http://diveintohtml5.ep.io/everything.html" rel="nofollow noreferrer">http://diveintohtml5.ep.io/everything.html</a>

blocks|key|3158259|text|isIE：！(！window.addEventListener+&&+window.ActiveXObject)，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3158260|isIE6:+typeof+document.createElement('DIV').style.maxHeight+==“未定义”，|3158261|isIE7：!!(!window.addEventListener+&&+window.XMLHttpRequest+&&+!document.querySelectorAll)，|3158262|isIE8：!!(!window.addEventListener+&&+document.querySelectorAll+&&+document.documentMode+==+8)|3158263|isGecko:+navigator.product+==‘壁虎’，|3158264|isOpera：!!window.opera，|3158265|isChrome：!!window.chrome，|3158266|isWebkit：!!(!window.opera+&&+!navigator.taintEnable+&&+document.evaluate+&&+navigator.product+!=+'Gecko')，|3158267|entityMap^0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|T|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|V|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|W|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|X|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|Y|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|Q|$]]

isIE: !!(!window.addEventListener &amp;&amp; window.ActiveXObject),

isIE6: typeof document.createElement('DIV').style.maxHeight == "undefined",

isIE7: !!(!window.addEventListener &amp;&amp; window.XMLHttpRequest &amp;&amp; !document.querySelectorAll),

isIE8: !!(!window.addEventListener &amp;&amp; document.querySelectorAll &amp;&amp; document.documentMode == 8),

isGecko: navigator.product == 'Gecko',

isOpera: !!window.opera,

isChrome: !!window.chrome,

isWebkit: !!(!window.opera &amp;&amp; !navigator.taintEnable &amp;&amp; document.evaluate &amp;&amp; navigator.product != 'Gecko'),

blocks|key|3158272|text|可能会有误报，因为opera也有window.chrome对象。作为一个很好的解决方案，我使用；|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3158273|var+isOpera+=+!!window.opera+%7C%7C+!!window.opr;//+Opera+8.0%2B

var+isChrome+=+!!window.chrome+&&+!isOpera;|code-block|syntax|javascript|3158274|这个解决方案几乎总是有效的。然而，我发现的一件事是，在iPad+Chrome52.0中，isChrome返回false，而window.chrome返回false。|3158275|entityMap^0|G|D|0|0|18|8|1I|5|1P|D|24|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|N|$]]

There might be false positives since opera also has <code>window.chrome</code> object. As a nice solution I use;

<pre><code>var isOpera = !!window.opera || !!window.opr;// Opera 8.0+

var isChrome = !!window.chrome &amp;&amp; !isOpera;
</code></pre>

This solution almost always works. 
However one thing I discovered is that, <code>isChrome</code> returns <code>false</code> in iPad Chrome version 52.0 as <code>window.chrome</code> returns <code>false</code>.

As the title states, I'd be interested to find a safe feature-based (that is, without using navigator.appName or navigator.appVersion) way to detect Google Chrome.

By feature-based I mean, for example:

<pre><code>if(window.ActiveXObject) {
 // internet explorer!
}
</code></pre>

Edit: As it's been pointed out, the question doesn't make much sense (obviously if you want to implement a feature, you test for it, if you want to detect for a specific browser, you check the user agent), sorry, it's 5am ;) Let me me phrase it like this: Are there any javascript objects and/or features that are unique to Chrome...

Safe feature-based way for detecting Google Chrome with Javascript?

正如标题所述，我有兴趣找到一种安全的、基于功能的(也就是说，不使用navigator.appName或navigator.appVersion)方法来检测Google Chrome。我所说的基于特征是指，例如：if(window.ActiveXObject) {    // internet explorer!}编辑：...

问使用Javascript检测Google Chrome的安全的基于特征的方法？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript检测Google Chrome的安全的基于特征的方法？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript检测Google Chrome的安全的基于特征的方法？
EN