--> 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"
"
<html xmlns="
<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的瀏覽器,使用文本信息顯示出來。