如何在 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>
廣告
資料結構
網路
關係資料庫管理系統
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP