blocks|key|2867674|text|您可以使用window.navigator+userAgent检查浏览器是微软Chromium+Edge还是Chrome。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2867675|代码如下：|2867676|<script>
++++var+browser+=+(function+(agent)+{
++++++++switch+(true)+{
++++++++++++case+agent.indexOf("edge")+>+-1:+return+"edge";
++++++++++++case+agent.indexOf("edg/")+>+-1:+return+"chromium+based+edge+(dev+or+canary)";+//+Match+also+/+to+avoid+matching+for+the+older+Edge
++++++++++++case+agent.indexOf("opr")+>+-1+&&+!!window.opr:+return+"opera";
++++++++++++case+agent.indexOf("chrome")+>+-1+&&+!!window.chrome:+return+"chrome";
++++++++++++case+agent.indexOf("trident")+>+-1:+return+"ie";
++++++++++++case+agent.indexOf("firefox")+>+-1:+return+"firefox";
++++++++++++case+agent.indexOf("safari")+>+-1:+return+"safari";
++++++++++++default:+return+"other";
++++++++}
++++})(window.navigator.userAgent.toLowerCase());
++++document.body.innerHTML+=+window.navigator.userAgent.toLowerCase()+%2B+" "+%2B+browser;
</script>|code-block|syntax|javascript|2867677|Chrome浏览器userAgent：|2867678|applewebkit/537.36+(+|2867679|，像壁虎一样)+chrome/74.0.3729.169+/537.36|blockquote|2867680|2867681|2867682|边缘浏览器userAgent：|2867683|safari+mozilla/5.0+(windows+nt+10.0；win64；x64)+applewebkit/537.36+(khtml，像壁虎一样)+|2867684|+/64.0.3282.140+safari/537.36+edge/18.17763|2867685|2867686|2867687|微软Chromium+Edge+Dev+userAgent：|2867688|applewebkit/537.36+(+|2867689|，像壁虎一样)+chrome/76.0.3800.0+/537.36+edg/76.0.167.1|2867690|2867691|2867692|微软Chromium+Edge+Canary+userAgent：|2867693|applewebkit/537.36+(+|2867694|，像壁虎一样)+chrome/76.0.3800.0+/537.36+edg/76.0.167.1|2867695|2867696|2867697|正如我们所看到的，微软的Chromium+Edge+userAgent包含"edg“关键字，我们可以用它来检测浏览器是Chromium+Edge+userAgent还是Chrome浏览器。|offset|length|style|BOLD|2867698|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|12|3|0^^$0|@$1|2|3|4|5|6|7|1N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|1P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|1R|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|1S|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|1T|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1U|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|1V|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|1W|8|@]|9|@]|A|$]]|$1|V|3|W|5|O|7|1X|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|Y|3|-4|5|6|7|1Z|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|20|8|@]|9|@]|A|$]]|$1|11|3|12|5|6|7|21|8|@]|9|@]|A|$]]|$1|13|3|14|5|O|7|22|8|@]|9|@]|A|$]]|$1|15|3|-4|5|6|7|23|8|@]|9|@]|A|$]]|$1|16|3|-4|5|6|7|24|8|@]|9|@]|A|$]]|$1|17|3|18|5|6|7|25|8|@]|9|@]|A|$]]|$1|19|3|1A|5|6|7|26|8|@]|9|@]|A|$]]|$1|1B|3|1C|5|O|7|27|8|@]|9|@]|A|$]]|$1|1D|3|-4|5|6|7|28|8|@]|9|@]|A|$]]|$1|1E|3|-4|5|6|7|29|8|@]|9|@]|A|$]]|$1|1F|3|1G|5|6|7|2A|8|@$1H|2B|1I|2C|1J|1K]]|9|@]|A|$]]|$1|1L|3|-4|5|6|7|2D|8|@]|9|@]|A|$]]]|1M|$]]

You could use the window.navigator userAgent to check whether the browser is Microsoft Chromium Edge or Chrome.
Code as below:
<pre><code>&lt;script&gt;
 var browser = (function (agent) {
 switch (true) {
 case agent.indexOf(&quot;edge&quot;) &gt; -1: return &quot;edge&quot;;
 case agent.indexOf(&quot;edg/&quot;) &gt; -1: return &quot;chromium based edge (dev or canary)&quot;; // Match also / to avoid matching for the older Edge
 case agent.indexOf(&quot;opr&quot;) &gt; -1 &amp;&amp; !!window.opr: return &quot;opera&quot;;
 case agent.indexOf(&quot;chrome&quot;) &gt; -1 &amp;&amp; !!window.chrome: return &quot;chrome&quot;;
 case agent.indexOf(&quot;trident&quot;) &gt; -1: return &quot;ie&quot;;
 case agent.indexOf(&quot;firefox&quot;) &gt; -1: return &quot;firefox&quot;;
 case agent.indexOf(&quot;safari&quot;) &gt; -1: return &quot;safari&quot;;
 default: return &quot;other&quot;;
 }
 })(window.navigator.userAgent.toLowerCase());
 document.body.innerHTML = window.navigator.userAgent.toLowerCase() + &quot;&lt;br&gt;&quot; + browser;
&lt;/script&gt;
</code></pre>
The Chrome browser userAgent:
<blockquote>
mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml,
like gecko) chrome/74.0.3729.169 safari/537.36
</blockquote>
The Edge browser userAgent:
<blockquote>
mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml,
like gecko) chrome/64.0.3282.140 safari/537.36 edge/18.17763
</blockquote>
The Microsoft Chromium Edge Dev userAgent:
<blockquote>
mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml,
like gecko) chrome/76.0.3800.0 safari/537.36 edg/76.0.167.1
</blockquote>
The Microsoft Chromium Edge Canary userAgent:
<blockquote>
mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml,
like gecko) chrome/76.0.3800.0 safari/537.36 edg/76.0.167.1
</blockquote>
As we can see that Microsoft Chromium Edge userAgent contains the &quot;edg&quot; keyword, we could use it to detect whether the browser is Chromium Edge browser or Chrome browser.

blocks|key|2033753|text|使用CanIUse，最通用的功能是，在旧的Edge上不支持的(使用EdgeHtml引擎)，但在Edge+Chromium和其他任何地方(除了IE)支持，就是。这个属性的优点是在其他所有东西中都已经支持了很长时间。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2033754|(这是我能找到的唯一一个可以覆盖所有其他浏览器的浏览器，包括Opera+Mini；如果你不担心这一点，还有plenty+of+others。)|2033755|因此，您可以使用简单的特征检测来查看您是否在旧边缘(或IE)上-|2033756|var+isOldEdgeOrIE+=+!('reversed'+in+document.createElement('ol'));|code-block|syntax|javascript|2033757|entityMap|0|LINK|mutability|MUTABLE|url|https://caniuse.com/#compare=edge%2B18,edge%2B79^0|H|D|1A|T|0|1H|G|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|H|3|I|5|6|7|15|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|16|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

Using CanIUse, the most universal feature which is unsupported on old Edge (which used the EdgeHtml engine) but supported in Edge Chromium and everywhere else (except IE), is the <a href="https://caniuse.com/#search=reversed" rel="noreferrer">reversed attribute on an OL list</a>. This attribute has the advantage of having been supported for ages in everything else.

(This is the only one I can find which covers all other browsers including Opera Mini; if that's not a worry for you there are <a href="https://caniuse.com/#compare=edge+18,edge+79" rel="noreferrer">plenty of others</a>.)

So, you can use simple feature detection to see if you're on Old Edge (or IE) -

<pre><code>var isOldEdgeOrIE = !('reversed' in document.createElement('ol'));
</code></pre>

blocks|key|4293901|text|由于我从另一个方面发现了这个问题，如何实际检查是否使用了前铬边缘，我找到了以下解决方案(包括IE检查)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4293902|++//+Edge+<+18
++if+(window.navigator.userAgent.indexOf('Edge')+!==+-1)+{
++++return+true;
++}
++//+IE+11
++if+(window.document.documentMode)+{
++++return+true;
++}
++//+IE+10
++if+(navigator.appVersion.indexOf('MSIE+10')+!==+-1)+{
++++return+true;
++}
++return+false;|code-block|syntax|javascript|4293903|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|$]]

Since I found this question from the other side, how to actually check if a pre-chromium-edge is being used, I found the following solution (IE checks included):
<pre><code> // Edge &lt; 18
 if (window.navigator.userAgent.indexOf('Edge') !== -1) {
 return true;
 }
 // IE 11
 if (window.document.documentMode) {
 return true;
 }
 // IE 10
 if (navigator.appVersion.indexOf('MSIE 10') !== -1) {
 return true;
 }
 return false;
</code></pre>

'Edge 75' will be (is?) the first Chromium Based Edge browser. How can I check if this browser is Edge on Chrome ?

(What I really want to know is if the browser fully supports data-uri's - <a href="https://caniuse.com/#feat=datauri" rel="noreferrer">https://caniuse.com/#feat=datauri</a> - so feature detection would even be better. If you know a way to do that, I can change the question)

How to detect Microsoft Chromium Edge (chredge , edgium) in Javascript

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

‘'Edge 75’将是(is?)第一个基于Chromium的Edge浏览器。如何检查此浏览器是否为Chrome上的Edge？(我真正想知道的是，浏览器是否完全支持data-uri's -  -所以特征检测会更好。如果你知道一种方法，我可以改变问题)

问如何在Javascript中检测Microsoft Chromium Edge (chredge、edgium)
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Javascript中检测Microsoft Chromium Edge (chredge、edgium)EN