Javascript 如何捕获用于访问网页的浏览器？

假设我正在编写一个简单的网页，其中包含两个框，name和pet name。如果最终用户使用任何给定的web浏览器浏览到此网站，我将如何显示显示用户浏览器的弹出式通知

例如，如果我使用Microsoft Edge或IE 11浏览此页面，我将如何立即显示一个对话框，其中列出以下内容：

---

“您正在使用IE11”或“您正在使用Microsoft Edge”？

最接近您想要的东西是通过前端的浏览器“用户代理字符串”

类似的：

这里还有一个库，可以将值传递到更可用的状态。

---

关于如何检测浏览器版本，还有许多其他有详细记录的堆栈溢出问题：

一旦您有了浏览器版本，就不用像上面接受的答案那样使用控制台日志，而是可以显示包含该信息的对话框

---

更新：在我链接的页面下一步是在Edge和IE上工作的浏览器检测

navigator.browserSpecs = (function(){
    var ua = navigator.userAgent, tem, 
        M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
    if(/trident/i.test(M[1])){
        tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
        return {name:'IE',version:(tem[1] || '')};
    }
    if(M[1]=== 'Chrome'){
        tem = ua.match(/\b(OPR|Edge)\/(\d+)/);
        if(tem != null) return {name:tem[1].replace('OPR', 'Opera'),version:tem[2]};
    }
    M = M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
    if((tem = ua.match(/version\/(\d+)/i))!= null)
        M.splice(1, 1, tem[1]);
    return {name:M[0], version:M[1]};
})();