使用 Javascript 检测边缘（铬）浏览器答案

【问题标题】：Detect edge (chromium) browser using Javascript使用 Javascript 检测边缘（铬）浏览器
【发布时间】：2021-09-02 02:07:31
【问题描述】：

在特定网站上，我无法检测浏览器是否为边缘（铬），因为在该网站上，我正在关注边缘浏览器上的用户代理

"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.101 Safari/537.36"

没有“edge”或“edg”关键字来检测它的边缘是否有任何解决此问题的方法。

我只需要区分这两个浏览器，这是我的检测代码。

public isChrome(): boolean {
    return /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
}

public isEdge(): boolean {
    return /edg|edge/.test(navigator.userAgent.toLowerCase()) && /Google Inc/.test(navigator.vendor);
}

谢谢

【问题讨论】：

您是否 100% 确定 useragent 来自 Edge？从未见过没有“EDG”的 Edge 用户代理

标签： javascript google-chrome microsoft-edge browser-detection

【解决方案1】：

我认为您提供的 userAgent 来自 Chrome 而不是 MS Edge。 MS Edge 的 userAgent 末尾应该有 edg/version。例如：

mozilla/5.0 (windows nt 10.0; win64; x64) applewebkit/537.36 (khtml, like gecko) chrome/91.0.4472.101 safari/537.36 edg/91.0.864.48

详情也可以参考这篇文档：How to detect Microsoft Edge in your website。如果要判断用户使用的浏览器，可以参考这个案例：How to detect Microsoft Chromium Edge (chredge , edgium) in Javascript

【讨论】：