ES6 - 瀏覽器

為了能夠以預期的方式處理每個瀏覽器，理解不同瀏覽器之間的差異非常重要。因此，瞭解您的網頁在哪個瀏覽器中執行非常重要。要獲取有關網頁當前執行的瀏覽器的資訊，請使用內建的 navigator 物件。

Navigator 屬性

您可以在網頁中使用多個與 Navigator 相關的屬性。以下是名稱及其說明的列表。

序號	屬性和說明
1	appCodeName 此屬性是一個字串，包含瀏覽器的代號，Netscape 代表 Netscape，Microsoft Internet Explorer 代表 Internet Explorer。
2	appVersion 此屬性是一個字串，包含瀏覽器的版本以及其他有用資訊，例如其語言和相容性。
3	language 此屬性包含瀏覽器使用的語言的兩位字母縮寫。僅限 Netscape。
4	mimTypes[] 此屬性是一個數組，包含客戶端支援的所有 MIME 型別。僅限 Netscape。
5	platform[] 此屬性是一個字串，包含為其編譯瀏覽器的平臺。“Win32” 代表 32 位 Windows 作業系統。
6	plugins[] 此屬性是一個數組，包含已安裝在客戶端的所有外掛。僅限 Netscape。
7	userAgent[] 此屬性是一個字串，包含瀏覽器的代號和版本。此值將傳送到源伺服器以識別客戶端。

Navigator 方法

有幾種特定於 Navigator 的方法。以下是它們的名稱和說明的列表。

序號	方法和說明
1	javaEnabled() 此方法確定客戶端中是否啟用了 JavaScript。如果啟用了 JavaScript，則此方法返回 true；否則，返回 false。
2	plugings.refresh 此方法使新安裝的外掛可用，並使用所有新的外掛名稱填充 plugins 陣列。僅限 Netscape
3	preference(name,value) 此方法允許簽名指令碼獲取和設定一些 Netscape 首選項。如果省略第二個引數，此方法將返回指定首選項的值；否則，它將設定值。僅限 Netscape
4	taintEnabled() 如果啟用了資料汙染，此方法返回 true；否則返回 false

瀏覽器檢測

以下 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

列印頁面