認識Javascript中的navigator對象以及檢測瀏覽器類型和版本，擷取瀏覽器版本號碼，檢測用戶端作業系統_

認識Javascript中的navigator對象以及檢測瀏覽器類型和版本，擷取瀏覽器版本號碼，檢測用戶端作業系統__Java

最後更新：2018-07-25 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

Navigator對象包含了Web瀏覽器的基本資料(如名稱，版本，作業系統等)

通過window.navigator方式可以引用該對象，並利用它的屬性讀取用戶端基本資料

Navigator的5個主要屬性：

appName:Web瀏覽器的名稱

appVersion:瀏覽器的版本號碼和其他版本資訊

userAgent:瀏覽器在它的USER-AGENT HTTP標題中發送的字串。該屬性包含appName,appVersion屬性的所有資訊

appCodeName:瀏覽器的代碼名

platform:客戶瀏覽器所在的作業系統

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>navigator對象</title></head><body><script type="text/javascript">var appname = navigator.appName;var appversion = navigator.appVersion;var useragent = navigator.userAgent;var appcodename = navigator.appCodeName;var platform = navigator.platform;document.write(appname+"<br>"+appversion+"<br>"+useragent+"<br>"+appcodename+"<br>"+platform);</script></body></html>

常用瀏覽器的檢測方法：

1.特徵檢測法

這個是針對要瞭解瀏覽器的具體哪一項資訊或者具體支援哪一項特定功能來決定的檢測方式。

非精確判斷，但卻最安全。我們只要知道它存在不存在就可以了。

打個比方，我們只要if(navigator.appName.indexOf("Netscape")!=-1){***}

而不要輸出具體的瀏覽器的名稱結果

2.字串檢測法

這種比較正規的了，雖然檢測瀏覽器的型號和類型很困難而且很容易出現誤差。

一、檢測瀏覽器的類型和版本：

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>navigator對象</title></head><body><script type="text/javascript">var ua = navigator.userAgent.toLowerCase();var info={ie:/msie/.test(ua)&&!/opera/.test(ua),op:/opera/.test(ua),sa:/version.*safari/.test(ua),ch:/chrome/.test(ua),ff:/gecko/.test(ua)&&!/webkit/.test(ua)};(info.ie)&&alert("IE");(info.ch)&&alert("Chrome");(info.ff)&&alert("Firefox");</script></body></html>

二、設計函數擷取IE版本號碼：

IE的版本眾多，伴隨著相容的問題的增多，我們也有需求來擷取IE版本的號，這樣在寫網頁的時候可以對不同的IE版本做響應的調整以呈現相同的效果，而避免了由相容導致的顯示的問題。

<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>navigator對象</title></head><body><script type="text/javascript">function getIEVer(){var ver = navigator.userAgent;//擷取使用者端的Web瀏覽器版本號碼var a= ver.indexOf("MSIE");//檢測特殊字元串"MSIE"的位置，因為IE的版本資訊中總是會有MSIE的存在，這是共性if(a<0){return 0;}return parseFloat(ver.substring(a+5,ver.indexOf(";",a)));}alert(getIEVer());</script></body></html>

剛才在IE11上試了一下，返回是0，然後alert(navigation.appVersion)發現出來的不再是之前的那種格式了，表示很無辜啊。只能用其他方法檢測IE11的版本號碼了。

三、檢測用戶端作業系統

var isWin = (navigator.userAgent.indexOf("Win")!=-1)

//如果是windows作業系統，則返回TRUE

其他的是"Mac","X11","Linux"分別是Macintosh,UNIX,Linux

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More