--> http://book.51cto.com/art/200710/58021.htm
使用JavaScript还可以显示用户浏览器名称、版本号及其他信息。本节给出一个相关的实例。
技术要点
本节代码主要使用了Navigator对象的一些属性,其主要功能和用法如下。
进行浏览器检测主要使用Navigator对象,其属性经常用于浏览器版本检测。如果程序中有不能兼容多种浏览器的代码时,就需要进行版本的检测,分别为不同的版本编写各自的代码。
JavaScript的Navigator对象提供了用于检测的性能。Navigator的属性最常应用于浏览器版本检测,这些属性名的用法为“navigator.属性名”。
属性appCodeName包含用户浏览器的名称,兼容所有浏览器。但由于历史原因,通常会返回Mozilla。
属性appName包含浏览器的官方名称,兼容所有浏览器。
属性appVersion包含浏览器的版本,兼容所有浏览器。
属性appMinorVersion包含浏览器的子版本号,仅支持仅支持Internet Explorer。
属性userAgent包含浏览器传送到服务器的完整的用户代理值,兼容所有浏览器。
实现代码
<!------------------------------文件名:30.1.htm------------------------------>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>显示浏览器名称与版本</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
</head>
<body>
<h1>显示浏览器名称与版本</h1><hr>
<script type="text/javascript">
<!--
var browserName = navigator.appName; //获取浏览器官方名称
var codeName=navigator.appCodeName; //获取浏览器用户名称
var browserVersion = parseFloat(navigator.appVersion); //获取浏览器版本
var minorVersion=navigator.appMinorVersion; //获取浏览器子版本号
var userAgent = navigator.userAgent; //获取浏览器商家信息
//分别显示输出
document.write("自定义信息 : "+userAgent + "<br>");
document.write("浏览器官方名称 : "+ browserName+"<br>");
document.write("用户浏览器名称 : "+ codeName+"<br>");
document.write("浏览器版本 : "+browserVersion+"<br>");
document.write("浏览器子版本 : "+minorVersion+"<br>");
// -->
</script>
<!--对不支持JavaScript的浏览器,显示无法检测-->
<noscript>
浏览器不支持JavaScript,无法检测。
</noscript>
</body>
</html>
|
使用IE运行上面的程序,会出现如图30.1所示的结果。使用Mozilla FireFox运行上面的程序,会出现如图30.2所示的结果。
|
图30.1 IE中的显示结果 |
|
图30.2 Mozilla中的显示结果 |
源程序解读
(1)程序分为3个部分。第1部分分别获取浏览器的相关信息,并将这些信息分别存储在不同的变量中。
(2)程序的第2部分,分别使用document.write ( )将获取的浏览器信息显示出来,每条信息单独显示一行。
(3)程序的第3部分,对于不支持JavaScript的浏览器,使用文本信息显示出来。