本文基本抄自简书原文《JavaScript判断浏览器类型》
以为的：
var explorer = window.navigator.userAgent;
//判断是否为IE浏览器
if (explorer.indexOf("MSIE") >= 0) {
return 'ie';
}
//判断是否为Firefox浏览器
else if (explorer.indexOf("Firefox") >= 0) {
return 'Firefox';
}
//判断是否为Chrome浏览器
else if (explorer.indexOf("Chrome") >= 0) {
return 'Chrome';
}
//判断是否为Opera浏览器
else if (explorer.indexOf("Opera") >= 0) {
return 'Opera';
}
//判断是否为Safari浏览器
else if (explorer.indexOf("Safari") >= 0) {
return 'Safari';
}
解释
其实使用浏览器的userAgent来判断是不准的，用户可以修改：
-
Firefox 中，在 about:config 页面添加并修改。
general.useragent.override选项的值来覆盖默认的用户代理字符串。一些Firefox扩展也可以用其他方式修改这个值，但它们通常只会修改发送到服务器的User-Agent请求头的值，而不会影响 JavaScript 代码中获取的 window.navigator.userAgent 属性的值。 -
Opera 6+ 中通过菜单选择不同的用户代理字符串。
-
Microsoft Internet Explorer 使用注册表来配置自己的用户代理字符串。
-
Safari 和 iCab 可修改其用户代理字符串。
通过各个浏览器的特征来判断：
-
IE
只有IE支持创建ActiveX控件，它有一个其他浏览器没有的东西，就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数，就可以明确判断出当前浏览器是IE -
Safari
Safari浏览器中有一个其他浏览器没有的openDatabase函数，可做为判断Safari的标志 -
Chrome
Chrome有一个MessageEvent函数，但Firefox也有。不过，好在Chrome并没有Firefox的getBoxObjectFor函数，根据这个条件还是可以准确判断出Chrome浏览器的 -
Firefox
Firefox中的DOM元素都有一个getBoxObjectFor函数，用来获取该DOM元素的位置和大小（IE对应的中是getBoundingClientRect函数）。这是Firefox独有的，判断它即可知道是当前浏览器是Firefox -
Opera
Opera提供了专门的浏览器标志，就是window.opera属性
正解：
if (window.ActiveXObject)
return "IE";
else if (document.getBoxObjectFor)
return "Firefox";
else if (window.MessageEvent && !document.getBoxObjectFor)
return "Chrome";
else if (window.opera)
return "Opera";
else if (window.openDatabase)
return "Safari";