blocks|key|1052294|text|更短：var+is_chrome+=+/chrome/i.test(+navigator.userAgent+);|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1052295|entityMap^0|3|1I|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

even shorter: <code>var is_chrome = /chrome/i.test( navigator.userAgent );</code>

blocks|key|1052415|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1052416|console.log(JSON.stringify({
++isAndroid:+/Android/.test(navigator.userAgent),
++isCordova:+!!window.cordova,
++isEdge:+/Edge/.test(navigator.userAgent),
++isFirefox:+/Firefox/.test(navigator.userAgent),
++isChrome:+/Google+Inc/.test(navigator.vendor),
++isChromeIOS:+/CriOS/.test(navigator.userAgent),
++isChromiumBased:+!!window.chrome+&&+!/Edge/.test(navigator.userAgent),
++isIE:+/Trident/.test(navigator.userAgent),
++isIOS:+/(iPhone%7CiPad%7CiPod)/.test(navigator.platform),
++isOpera:+/OPR/.test(navigator.userAgent),
++isSafari:+/Safari/.test(navigator.userAgent)+&&+!/Chrome/.test(navigator.userAgent),
++isTouchScreen:+('ontouchstart'+in+window)+%7C%7C+window.DocumentTouch+&&+document+instanceof+DocumentTouch,
++isWebComponentsSupported:+'registerElement'+in+document+&&+'import'+in+document.createElement('link')+&&+'content'+in+document.createElement('template')
},+null,+'++'));|code-block|syntax|javascript|1052417|1052418|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>console.log(JSON.stringify({
 isAndroid: /Android/.test(navigator.userAgent),
 isCordova: !!window.cordova,
 isEdge: /Edge/.test(navigator.userAgent),
 isFirefox: /Firefox/.test(navigator.userAgent),
 isChrome: /Google Inc/.test(navigator.vendor),
 isChromeIOS: /CriOS/.test(navigator.userAgent),
 isChromiumBased: !!window.chrome &amp;&amp; !/Edge/.test(navigator.userAgent),
 isIE: /Trident/.test(navigator.userAgent),
 isIOS: /(iPhone|iPad|iPod)/.test(navigator.platform),
 isOpera: /OPR/.test(navigator.userAgent),
 isSafari: /Safari/.test(navigator.userAgent) &amp;&amp; !/Chrome/.test(navigator.userAgent),
 isTouchScreen: ('ontouchstart' in window) || window.DocumentTouch &amp;&amp; document instanceof DocumentTouch,
 isWebComponentsSupported: 'registerElement' in document &amp;&amp; 'import' in document.createElement('link') &amp;&amp; 'content' in document.createElement('template')
}, null, ' '));</code></pre>
</div>
</div>

blocks|key|1052223|text|var+is_chrome+=+/chrome/.test(+navigator.userAgent.toLowerCase()+);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1052224|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>var is_chrome = /chrome/.test( navigator.userAgent.toLowerCase() );
</code></pre>

blocks|key|1052626|text|从Chrome+89+(2021年3月)起，所有早期的答案都已过时。Chrome现在支持User+Agent+Hints。因此，现在应该使用以下命令完成此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1052627|navigator.userAgentData?.brands?.some(b+=>+b.brand+===+'Google+Chrome')|code-block|syntax|javascript|1052628|或者，如果您没有使用Babel：|1052629|navigator.userAgentData+&&+navigator.userAgentData.brands+&&+navigator.userAgentData.brands.some(b+=>+b.brand+===+'Google+Chrome')|1052630|这对于Chrome89和更高版本返回true，对于最新的Opera和Edge返回false，对于不支持userAgentData的浏览器返回undefined。|1052631|entityMap|0|LINK|mutability|MUTABLE|url|https://web.dev/user-agent-client-hints/#javascript-api^0|18|G|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|C|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

As of Chrome 89 (March 2021), all earlier answers are obsolete. Chrome now supports <a href="https://web.dev/user-agent-client-hints/#javascript-api" rel="noreferrer">User Agent Hints</a>. So now this should be done using:
<pre><code>navigator.userAgentData?.brands?.some(b =&gt; b.brand === 'Google Chrome')
</code></pre>
Or, if you're not using Babel:
<pre><code>navigator.userAgentData &amp;&amp; navigator.userAgentData.brands &amp;&amp; navigator.userAgentData.brands.some(b =&gt; b.brand === 'Google Chrome')
</code></pre>
This returns true for Chrome 89 and above, false for the latest Opera and Edge, and undefined for browsers that don't support userAgentData.

blocks|key|1052337|text|如果你觉得勇敢，你可以尝试一下浏览器嗅探，并得到一个版本：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1052338|var+ua+=+navigator.userAgent;
if(/chrome/i.test(ua))+{
++++var+uaArray+=+ua.split('+')
++++,+++version+=+uaArray[uaArray.length+-+2].substr(7);
}|code-block|syntax|javascript|1052339|这个检测到的版本可能是Chrome版本，或者Edge版本，或者其他版本。浏览器插件可以很容易地改变userAgent和平台以及其他东西，所以不推荐这样做。|1052340|很抱歉，大勒鲍斯基在我的回答中使用了他的答案。|1052341|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

If you're feeling brave, you can experiment with browser sniffing and get a version:
<pre><code>var ua = navigator.userAgent;
if(/chrome/i.test(ua)) {
 var uaArray = ua.split(' ')
 , version = uaArray[uaArray.length - 2].substr(7);
}
</code></pre>
This detected version might be a Chrome version, or a Edge version, or something else. Browser plugins can easily change userAgent and platform and other things though, so this is not recommended.
Apologies to The Big Lebowski for using his answer within mine.

blocks|key|1052420|text|您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1052421|navigator.userAgent.indexOf("Chrome")+!=+-1|code-block|syntax|javascript|1052422|它正在处理v.71|1052423|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can use:

<pre><code>navigator.userAgent.indexOf("Chrome") != -1
</code></pre>

It is working on v.71

blocks|key|837599|text|用户可以更改用户代理。尝试测试body元素的style对象中的webkit前缀属性|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|837600|if+("webkitAppearance"+in+document.body.style)+{
++//+do+stuff
}|code-block|syntax|javascript|837601|entityMap^0|F|4|M|5|V|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|U|8|@]|D|@]|E|$]]]|L|$]]

User could change user agent . Try testing for <code>webkit</code> prefixed property in <code>style</code> object of <code>body</code> element

<pre><code>if ("webkitAppearance" in document.body.style) {
 // do stuff
}
</code></pre>

blocks|key|1052442|text|在Mac上的Chrome上我也能用。似乎比上面所有的都更简单或更可靠(在测试userAgent字符串的情况下)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1052443|++++++++var+isChrome+=+false;
++++++++if+(window.chrome+&&+!window.opr){
++++++++++++isChrome+=+true;
++++++++}
++++++++console.log(isChrome);|code-block|syntax|javascript|1052444|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Works for me on Chrome on Mac. Seems to be or simpler or more reliable (in case userAgent string tested) than all above. 

<pre><code> var isChrome = false;
 if (window.chrome &amp;&amp; !window.opr){
 isChrome = true;
 }
 console.log(isChrome);
</code></pre>

blocks|key|1052476|text|了解不同桌面浏览器(Firefox、IE、Opera、Edge、Chrome)的名称。除了Safari。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1052477|function+getBrowserName()+{
++var+browserName+=+'';
++var+userAgent+=+navigator.userAgent;
++(typeof+InstallTrigger+!==+'undefined')+&&+(browserName+=+'Firefox');
++(+/*+@cc_on!@*/+false+%7C%7C+!!document.documentMode)+&&+(browserName+=+'IE');
++(!!window.chrome+&&+userAgent.match(/OPR/))+&&+(browserName+=+'Opera');
++(!!window.chrome+&&+userAgent.match(/Edge/))+&&+(browserName+=+'Edge');
++(!!window.chrome+&&+!userAgent.match(/(OPR%7CEdge)/))+&&+(browserName+=+'Chrome');

++/**
+++*+Expected+returns
+++*+Firefox,+Opera,+Edge,+Chrome
+++*/
++return+browserName;
}|code-block|syntax|javascript|1052478|适用于以下浏览器版本：|1052479|Opera+-+58.0.3135.79
Firefox+-+65.0.2+(64-bit)
IE+-+11.413.15063+(JS+Fiddle+no+longer+supports+IE+just+paste+in+Console)
Edge+-+44.17763.1.0
Chrome+-+72.0.3626.121+(Official+Build)+(64-bit)|1052480|查看gist+here和fiddle+here|offset|length|1052481|最初的代码片段不再适用于Chrome，我忘记在哪里找到它了。它以前有safari，但我不能再访问safari，所以我不能再验证了。|1052482|只有Firefox和IE代码是原始代码片段的一部分。|1052483|对Opera、Edge和Chrome的检查非常简单。它们在userAgent方面存在差异。OPR只存在于歌剧中。Edge仅存在于边缘中。因此，为了检查Chrome，这些字符串不应该出现在那里。|style|CODE|1052484|至于Firefox和IE，我无法解释它们是做什么的。|1052485|我将把这个功能添加到package+i'm+writing中|1052486|entityMap|0|LINK|mutability|MUTABLE|url|https://gist.github.com/iamdevlinph/409807abc775172f059ca71f18b9ac4e|1|https://jsfiddle.net/iamdevlinph/1gLxbb6s/30/|2|https://github.com/iamdevlinph/common-utils-pkg/issues/98^0|0|0|0|0|7|4|0|J|4|1|0|0|0|19|3|1K|4|0|0|A|J|2|0^^$0|@$1|2|3|4|5|6|7|1C|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|1D|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|1E|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|1F|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|1G|8|@]|9|@$M|1H|N|1I|1|1J]|$M|1K|N|1L|1|1M]]|A|$]]|$1|O|3|P|5|6|7|1N|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1O|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1P|8|@$M|1Q|N|1R|U|V]|$M|1S|N|1T|U|V]]|9|@]|A|$]]|$1|W|3|X|5|6|7|1U|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|6|7|1V|8|@]|9|@$M|1W|N|1X|1|1Y]]|A|$]]|$1|10|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]]|11|$12|$5|13|14|15|A|$16|17]]|18|$5|13|14|15|A|$16|19]]|1A|$5|13|14|15|A|$16|1B]]]]

To know the names of different desktop browsers (Firefox, IE, Opera, Edge, Chrome). Except Safari.

<pre><code>function getBrowserName() {
 var browserName = '';
 var userAgent = navigator.userAgent;
 (typeof InstallTrigger !== 'undefined') &amp;&amp; (browserName = 'Firefox');
 ( /* @cc_on!@*/ false || !!document.documentMode) &amp;&amp; (browserName = 'IE');
 (!!window.chrome &amp;&amp; userAgent.match(/OPR/)) &amp;&amp; (browserName = 'Opera');
 (!!window.chrome &amp;&amp; userAgent.match(/Edge/)) &amp;&amp; (browserName = 'Edge');
 (!!window.chrome &amp;&amp; !userAgent.match(/(OPR|Edge)/)) &amp;&amp; (browserName = 'Chrome');

 /**
 * Expected returns
 * Firefox, Opera, Edge, Chrome
 */
 return browserName;
}
</code></pre>

Works in the following browser versions:

<pre><code>Opera - 58.0.3135.79
Firefox - 65.0.2 (64-bit)
IE - 11.413.15063 (JS Fiddle no longer supports IE just paste in Console)
Edge - 44.17763.1.0
Chrome - 72.0.3626.121 (Official Build) (64-bit)
</code></pre>

View the gist <a href="https://gist.github.com/iamdevlinph/409807abc775172f059ca71f18b9ac4e" rel="nofollow noreferrer">here</a> and the fiddle <a href="https://jsfiddle.net/iamdevlinph/1gLxbb6s/30/" rel="nofollow noreferrer">here</a>

The original code snippet no longer worked for Chrome and I forgot where I found it. It had safari before but I no longer have access to safari so I cannot verify anymore.

Only the Firefox and IE codes were part of the original snippet.

The checking for Opera, Edge, and Chrome is straight forward. They have differences in the userAgent. <code>OPR</code> only exists in Opera. <code>Edge</code> only exists in Edge. So to check for Chrome these string shouldn't be there.

As for the Firefox and IE, I cannot explain what they do.

I'll be adding this functionality to a <a href="https://github.com/iamdevlinph/common-utils-pkg/issues/98" rel="nofollow noreferrer">package i'm writing</a>

blocks|key|1052583|text|我找到的最好的解决方案，在大多数浏览器中给出了对或错，是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1052584|var+isChrome+=+(navigator.userAgent.indexOf("Chrome")+!=+-1+&&+navigator.vendor.indexOf("Google+Inc")+!=+-1)|code-block|syntax|javascript|1052585|使用.indexOf而不是.includes使其与浏览器更兼容。尽管(或因为)重点是让代码特定于浏览器，但您需要该条件才能在大多数(或所有)浏览器中工作。|offset|length|style|CODE|1052586|entityMap^0|0|0|2|8|D|9|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

The best solution I found, and does give either true or false in most browsers is:
<pre><code>var isChrome = (navigator.userAgent.indexOf(&quot;Chrome&quot;) != -1 &amp;&amp; navigator.vendor.indexOf(&quot;Google Inc&quot;) != -1)
</code></pre>
Using <code>.indexOf</code> instead of <code>.includes</code> makes it more browser-compatible.
Even though (or because) the whole point is to make your code browser-specific, you need the condition to work in most (or all) browsers.

blocks|key|837640|text|检查这个：How+to+detect+Safari,+Chrome,+IE,+Firefox+and+Opera+browser?|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|837641|在您的案例中：|837642|var+isChrome+=+(window.chrome.webstore+%7C%7C+window.chrome.runtime)+&&+!!window.chrome;|code-block|syntax|javascript|837643|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser/9851769^0|5|1O|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

Check this: <a href="https://stackoverflow.com/questions/9847580/how-to-detect-safari-chrome-ie-firefox-and-opera-browser/9851769">How to detect Safari, Chrome, IE, Firefox and Opera browser?</a>
In your case:
<pre><code>var isChrome = (window.chrome.webstore || window.chrome.runtime) &amp;&amp; !!window.chrome;
</code></pre>

blocks|key|1052495|text|var+is_chrome+=+browseris.chrome|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1052496|或检查集合浏览器：|unstyled|1052497|browseris.firefox
browseris.ie
browseris.safari|1052498|和olso你可以检查版本，如browseris.chrome7up等。|offset|length|style|CODE|1052499|检查'browseris‘对象中的所有现有信息|1052500|entityMap^0|0|0|0|E|J|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|V|8|@$K|W|L|X|M|N]]|9|@]|A|$]]|$1|O|3|P|5|F|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|F|7|Z|8|@]|9|@]|A|$]]]|R|$]]

<pre><code>var is_chrome = browseris.chrome
</code></pre>
or check ather browsers:
<pre><code>browseris.firefox
browseris.ie
browseris.safari
</code></pre>
and olso you can check the version like <code>browseris.chrome7up</code> and etc.
check all existing information in the 'browseris' object

blocks|key|1052367|text|所有的答案都是错误的。"Opera“和"Chrome”在所有情况下都是相同的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1052368|(编辑部分)|1052369|这是正确的答案|1052370|if+(window.chrome+&&+window.chrome.webstore)+{
++++//+this+is+Chrome
}|code-block|syntax|javascript|1052371|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|O|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|P|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

all answers are wrong. "Opera" and "Chrome" are same in all cases.

(edited part)

here is the right answer

<pre><code>if (window.chrome &amp;&amp; window.chrome.webstore) {
 // this is Chrome
}
</code></pre>

I need some function returning a boolean value to check if the browser is <a href="http://en.wikipedia.org/wiki/Google_Chrome" rel="noreferrer">Chrome</a>.

How do I create such functionality?

JavaScript: How to find out if the user browser is Chrome?

Android

JSON

我需要一些返回布尔值的函数来检查浏览器是否为。如何创建这样的功能？

问JavaScript:如何判断用户浏览器是否是Chrome？
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript:如何判断用户浏览器是否是Chrome？EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript:如何判断用户浏览器是否是Chrome？
EN