如何判断edge呢

因为edge同时包含webkit、Chrome、Mozilla，该怎么判断呢

var btn = document.getElementById('browser');
btn.onclick = function () {
    var browserInfo = navigator.userAgent;
    console.log(browserInfo);
    if (browserInfo.indexOf('MSIE') != -1) {
        browserInfo = 'IE';
    } else if (browserInfo.indexOf('Firefox') != -1) {
        browserInfo = 'Firefox';
    } else if (browserInfo.indexOf('Chrome') != -1) {
        browserInfo = 'Chrome';
    } else if (browserInfo.indexOf('Safari') != -1 && browserInfo.indexOf('Chrome') == -1) {
        browserInfo = 'Safari';
    }
    console.log(browserInfo);
}

xEasonWang 2021-10-25

源自：BOM基础 2-8 编程练习

收起

1回答

好帮手慕然然 2021-10-25 17:04:37

同学你好，老师测试了一下，edge浏览器的userAgent信息中会有“Edg”关键字，可以通过该关键字来判断是否是edge浏览器，如图

祝学习愉快！

收起回答

提问者 xEasonWang #1

我试了一下，我的两台电脑一台返回的是edge，另一台是edg

var btn = document.getElementById('browser');
btn.onclick = function () {
    var browserInfo = navigator.userAgent;
    console.log(browserInfo);
    if (browserInfo.indexOf('MSIE') != -1) {
        browserInfo = 'IE';
    } else if (browserInfo.indexOf('Edg') != -1 || browserInfo.indexOf('Edge') != -1) {
        browserInfo = 'Edge';
    } else if (browserInfo.indexOf('Firefox') != -1) {
        browserInfo = 'Firefox';
    } else if (browserInfo.indexOf('Chrome') != -1) {
        browserInfo = 'Chrome';
    } else if (browserInfo.indexOf('Safari') != -1 && browserInfo.indexOf('Chrome') == -1) {
        browserInfo = 'Safari';
    }
    console.log(browserInfo);
}

2021-10-26 15:30:01

好帮手慕然然回复提问者 xEasonWang #2

同学你好，可能是不同的Edge浏览器版本，返回的userAgent信息也不同，不管是返回的信息中包含Edg还是Edge，都可以使用这一条语句进行判断 browserInfo.indexOf('Edg') != -1（因为Edge中是包含Edg的）。
其实同学目前不需要太纠结Edge浏览器的判断，Edge浏览器的内核采用了与Chrome浏览器相同的Webkit内核，在实际开发中，几乎很少会判断这个浏览器。
祝学习愉快！

2021-10-26 15:52:30