扫码一下
查看教程更方便
重要的是要了解不同浏览器之间的差异,以便以预期的方式处理每个浏览器。 因此,了解我们的网页在哪个浏览器中运行非常重要。要获取有关我们的网页当前在其中运行的浏览器的信息,请使用内置的 Navigator 对象。
我们可以在网页中使用几个与导航器相关的属性。 以下是名称及其说明的列表。
序号 | 属性 | 描述 |
---|---|---|
1 | appCodeName | 该属性是一个字符串,其中包含浏览器的代号,Netscape 为 Netscape,Microsoft Internet Explorer 为 Internet Explorer。 |
2 | appVersion | 此属性是一个字符串,其中包含浏览器的版本以及其他有用的信息,例如其语言和兼容性。 |
3 | language | 此属性包含浏览器所用语言的两个字母缩写。 仅限网景。 |
4 | mimTypes[] | 此属性是一个数组,其中包含客户端支持的所有 MIME 类型。 仅限网景。 |
5 | platform[] | 此属性是一个字符串,其中包含编译浏览器的平台。 “Win32”用于 32 位 Windows 操作系统。 |
6 | plugins[] | 该属性是一个数组,其中包含客户端上已安装的所有插件。 仅限网景。 |
7 | userAgent[] | 该属性是一个字符串,其中包含浏览器的代号和版本。 该值被发送到原始服务器以识别客户端。 |
有几种特定于导航器的方法。 这是他们的名字和描述的列表。
序号 | 方法 | 描述 |
---|---|---|
1 | javaEnabled() | 此方法确定客户端中是否启用了 JavaScript。 如果启用了 JavaScript,则此方法返回 true; 否则,它返回 false。 |
2 | plugings.refresh | 此方法使新安装的插件可用,并使用所有新插件名称填充插件数组。 仅限网景 |
3 | preference(name,value) | 此方法允许签名脚本获取和设置某些 Netscape 首选项。 如果省略第二个参数,该方法将返回指定偏好的值; 否则,它设置值。 仅限网景 |
4 | taintEnabled() | 如果启用了数据污染,则此方法返回 true; 否则为假 |
以下 JavaScript 代码可用于找出浏览器的名称,然后相应地向用户提供 HTML 页面。
<html>
<head>
<title>Browser Detection Example</title>
</head>
<body>
<script type = "text/javascript">
<!--
var userAgent = navigator.userAgent;
var opera = (userAgent.indexOf('Opera')
! = -1); var ie = (userAgent.indexOf('MSIE')
!= -1); var gecko = (userAgent.indexOf('Gecko')
! = -1); var netscape = (userAgent.indexOf('Mozilla')
! = -1); var version = navigator.appVersion;
if (opera) {
document.write("Opera based browser");
// Keep your opera specific URL here.
} else if (gecko) {
document.write("Mozilla based browser");
// Keep your gecko specific URL here.
} else if (ie) {
document.write("IE based browser");
// Keep your IE specific URL here.
} else if (netscape) {
document.write("Netscape based browser");
// Keep your Netscape specific URL here.
} else {
document.write("Unknown browser");
}
// You can include version to along with any above condition.
document.write("<br /> Browser version info : " + version );
//
-->
</script>
</body>
</html>
成功执行上述代码后会显示以下输出。
Mozilla based browser
Browser version info : 5.0
(Windows NT 6.3;WOW64)AppleWebKit/537.36(KHTML,like Gecko)Chrome/41.0.2272.101 Safari/537.36