JS如何获取浏览器版本信息

JavaScript015

JS如何获取浏览器版本信息,第1张

方法如下:

1、写一个js获取userAgent属性的html文件,文件内容如下:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<script>

alert(window.navigator.userAgent)

</script>

</head>

<body>

<h1>测试浏览器类型</h1>

</body>

</html>

2、Chrome对应userAgent信息:

Chrome/后面紧跟的38.0...数字串为当前浏览器版本

3、FF对应userAgent信息

Firefox/后面紧跟的33.0为当前FF版本

4、IE对应userAgent信息;其中MSIE后面的数字代表当前版本,如图:笔者所有为ie9.0

另外, 只有IE支持创建ActiveX控件,因此她有一个其他浏览器没有的东西,就是ActiveXObject函数。只要判断window对象存在 ActiveXObject函数,就可以明确判断出当前浏览器是IE。

5、Opera对应userAgent信息:

OPR/后面紧跟的25.0...数字串为当前Opera浏览器版本

6、Safari对应userAgent信息

Version/后面紧跟的5.1.7为Safari浏览器当前版本

32位浏览器可能无法加载js,因为js是一种64位的脚本语言,而32位浏览器只能处理32位的脚本语言。另外,32位浏览器可能无法加载js,因为js可能使用了64位的API,而32位浏览器只能处理32位的API。

用js的Navigator对象

<div id="example"></div>

<script>

txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>"

txt+= "<p>Browser Name: " + navigator.appName + "</p>"

txt+= "<p>Browser Version: " + navigator.appVersion + "</p>"

txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>"

txt+= "<p>Platform: " + navigator.platform + "</p>"

txt+= "<p>User-agent header: " + navigator.userAgent + "</p>"

txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>"

document.getElementById("example").innerHTML=txt

</script>

可以查看浏览器版本信息

来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为:

1.navigator 数据可被浏览器使用者更改

2.浏览器无法报告晚于浏览器发布的新操作系统

参考 w3school