javascript如何识别浏览器类型
分类：实例代码
本章节介绍一下如何识别当前比较流行的几种浏览器。
通常检测浏览器，使用navigator.userAgent属性即可，里面包含有浏览器的相关信息。
代码如下:
console.log(navigator.userAgent)
所以根据上面的特点我们就来对各个浏览器类型进行识别:
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>前端教程网</title>
<script type="text/javascript">
document.write('浏览器判別：');
var OsObject = navigator.userAgent;
// 包含「Opera」文字列
if (OsObject.indexOf("Opera") != -1) {
document.write('浏览器是Opera');
}
// 包含「MSIE」文字列
else if (OsObject.indexOf("MSIE") != -1) {
document.write('浏览器是Internet Explorer');
}
// 包含「chrome」文字列 ，不过360浏览器也照抄chrome的UA
else if (OsObject.indexOf("Chrome") != -1) {
document.write('浏览器是chrome或360浏览器');
}
// 包含「UCBrowser」文字列
else if (OsObject.indexOf("UCBrowser") != -1) {
document.write('浏览器是UCBrowser');
}
// 包含「BIDUBrowser」文字列
else if (OsObject.indexOf("BIDUBrowser") != -1) {
document.write('浏览器是百度浏览器');
}
// 包含「Firefox」文字列
else if (OsObject.indexOf("Firefox") != -1) {
document.write('浏览器是Firefox');
}
// 包含「Netscape」文字列
else if (OsObject.indexOf("Netscape") != -1) {
document.write('浏览器是Netscape');
}
// 包含「Safari」文字列
else if (OsObject.indexOf("Safari") != -1) {
document.write('浏览器是Safari');
}
else {
document.write('无法识别的浏览器。');
}
</script>
</head>
<body>
</body>
</html>
上面的代码基本实现了识别功能，但是还不够完美。
对于360浏览器和IE浏览器（比如IE11）可能有点问题，具体可以参与以下两篇文章。
（1）.判断IE浏览器可以参阅js如何判断IE浏览器的版本包括IE11一章节。
（2）.360浏览器可以参阅检测360浏览器javascript代码实例一章节。