如何在 JavaScript 中獲取瀏覽器的程式碼名稱和產品名稱?


當用戶使用 JavaScript 訪問 Web 應用程式時,“navigator”物件包含有關他們當前使用的瀏覽器的資訊。您可能知道,每個瀏覽器在解釋 JavaScript 的方式上都不同。在這種情況下,navigator 物件支援根據使用者的瀏覽器偏好修改您的應用程式。

可以透過訪問 navigator 物件的“navigator.product”屬性在 JavaScript 中檢視瀏覽器引擎或產品名稱。在任何瀏覽器中,“Gecko”始終是 Navigator.product 屬性的值。僅出於相容性考慮才維護此特性。

語法

navigator.product 屬性的 JavaScript 語法

/regexp/g

Navigator 物件 navigator.product 屬性

示例 1

在這個例子中,讓我們瞭解 navigator navigator.product 屬性如何允許 JavaScript 識別瀏覽器的名稱。在訪問“navigator.product”屬性時,較新的瀏覽器出於相容性考慮會顯示“Gecko”作為產品名稱。

<!DOCTYPE html> <html> <title>How to get the code name and product name of the browser in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="result"></div> <script> let productName = navigator.product; document.getElementById("result").innerHTML ="The output of Browser product is: " + productName; </script> </body> </html>

Navigator 物件 appCodename 屬性

JavaScript navigator 物件的“appCodename”欄位指示瀏覽器的標識。在每個瀏覽器中,“Mozilla”都是 Navigator.appCodeName 欄位的輸出。保留此屬性的唯一原因是出於相容性。下面的示例中“browserCodeName”變數將用於儲存由“navigator.appCodeName”屬性返回的瀏覽器程式碼名稱 -

語法

navigator.appCodename 屬性的 JavaScript 語法。

navigator.appCodename

示例 2

在這個例子中,讓我們瞭解 navigator navigator.appCodename 屬性如何允許 JavaScript 識別瀏覽器的程式碼名稱。

<!DOCTYPE html> <html> <title>How to get the code name and product name of the browser in JavaScript - TutorialsPoint</title> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <div id="result"></div> <script> let codeName = navigator.appCodeName; document.getElementById("result").innerHTML ="The output of Browser Code Name is: " + codeName; </script> </body> </html>

更新於: 2022-08-04

387 次瀏覽

開啟你的 職業生涯

完成課程獲得認證

開始學習
廣告

© . All rights reserved.