Javascript的Navigator對象

來源:互聯網
上載者:User

一、瞭解Navigator對象

Navigator:得到有關瀏覽器的資訊,所有的瀏覽器都支援Navigator對象,且是唯讀。

二、Navigator對象的屬性

--以下參考:http://www.5idev.com/p-javascript_navigator.shtml

 

說明:

  1. navigator.appCodeName:IE/Firefox/Chrome 系列瀏覽器中,它的值都是 "Mozilla"。
  2. navigator.appName:Firefox/Chrome 均為 Netscape。
  3. navigator.browserLanguage:Firefox/Chrome 返回 "undefined"。
  4. navigator.cpuClass:Firefox/Chrome 返回 "undefined"。
  5. navigator.onLine:Firefox/Chrome 返回 "undefined"。
  6. navigator.systemLanguage:Firefox/Chrome 返回 "undefined"。
  7. navigator.userLanguagee:Firefox/Chrome 返回 "undefined"。
 1 <script language="javascript"> 2 //Navigator:得到有關瀏覽器的資訊,所有的瀏覽器都支援Navigator對象 3 //思考:瀏覽器包含有什麼資訊呢? 4 //Navigator對象是唯讀 5 document.write(navigator.appCodeName+"<br />");          //取得瀏覽器的代碼名:Mozilla  6 document.write(navigator.appName+"<br />");              //取得瀏覽器的名稱 7 document.write(navigator.appVersion+"<br />");           //取得瀏覽器平台和版本資訊 8 document.write(navigator.browserLanguage+"<br />");      //取得瀏覽器使用的語言(僅IE支援) 9 document.write(navigator.cookieEnabled+"<br />");        //檢測瀏覽器是否啟用cookie支援,返回布爾值10 document.write(navigator.cpuClass+"<br />");             //取得瀏覽器所在系統的CPU等級(僅IE支援)11 document.write(navigator.onLine+"<br />");               //檢測系統是否處於離線模式,返回布爾值,false 表示離線(僅IE支援)12 document.write(navigator.platform+"<br />");             //取得瀏覽器所在的作業系統平台13 document.write(navigator.systemLanguage+"<br />");       //取得瀏覽器所在的作業系統的使用語言14 document.write(navigator.userAgent+"<br />");            //取得瀏覽器用於HTTP請求的使用者代理程式頭的值15 16 </script>

三、Navigator對象的方法

---參見:w3cschool

四、檢測IE瀏覽器的版本類型

 1 <script language="javascript"> 2 //檢測IE6提示升級,返回數值,顯示IE的主要版本號 3 function getIEVersion(){  4     var ua = navigator.userAgent;//擷取使用者端資訊 5     // 檢測特殊字元串"MSIE "的位置 6     var b = ua.indexOf("MSIE ");  7     if (b < 0) {  8         return 0; 9     }10     // 截取版本號碼字串,並轉換為數值                          11     return parseFloat(ua.substring(b + 5, ua.indexOf(";", b)));  //如:返回的8.012 }13 var IEVer = getIEVersion();14 if( IEVer == 0 ){15     alert("您使用的是非 IE 瀏覽器。");16 }else if(IEVer > 6){17     alert("您的瀏覽器版本較新。")18 }else{19     alert("您需要升級您的瀏覽器版本了!");20 }21 22 //提示:使用indexOf空格也佔位,多少個空格就佔多少位23 24 /*輸出的HTTP代理頭:Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C    ; .NET4.0E),看著有些複雜,對於我們去截取裡面的版本號碼8.0不容易,我們可以簡化如下形式:25   M4C;MSIE 8.0;Windows 26   然後在套用下就行了27  */28 </script>

五、檢測瀏覽器的類型

 1 <script language="javascript"> 2 //檢測瀏覽器類型 3 /*雖然 Navigator 對象提供了 appName 屬性以取得瀏覽器的名稱,但很遺憾 Firefox、Chrome 等以 Netscape 代碼為基礎瀏覽器提供的瀏覽器名稱都是 Netscape。因此使用 navigator.appName 並不能嚴格區分各個瀏覽器。*/ 4 //要嚴格區分各個瀏覽器,通過navigator.userAgent 屬性包含的具體資訊來判斷。 5 var ua = navigator.userAgent.toLowerCase(); 6 var info = { 7     // IE 瀏覽器 8     ie: /msie/.test(ua) && !/opera/.test(ua), 9     // Opera 瀏覽器10     op: /opera/.test(ua),11     // Safari 瀏覽器12     sa: /version.*safari/.test(ua),13     // Chrome 瀏覽器14     ch: /chrome/.test(ua),15     // Firefox瀏覽器16     ff: /gecko/.test(ua) && !/webkit/.test(ua)17 };18 19 // 判斷並輸出結果20 (info.ie) && alert("IE 瀏覽器");21 (info.op) && alert("Opera 瀏覽器");22 (info.sa) && alert("Safari 瀏覽器");23 (info.ff) && alert("Firefox 瀏覽器");24 (info.ch) && alert("Chrome 瀏覽器");25 26 </script>

 

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。