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代码实例一章节。

回复

我来回复
  • 暂无回复内容