一篇文章帶你了解JavaScript window navigator（上篇）
作者：前端進階者
本文基于JavaScript基礎，介紹了瀏覽器Cookies、瀏覽器應用程序名稱、項目瀏覽器應用程序代碼名稱、瀏覽器引擎、瀏覽器版本等屬性，針對這些屬性，都做了詳細的講解。通過用豐富的案例幫助大家更好理解。
window.navigator 對象包含有關訪問者瀏覽器的信息。
一、Window Navigator
window.navigator 對象可以不用窗口window前綴編寫（ navigator.XXXX）。
二、屬性
1. 瀏覽器 Cookies
cookieEnabled 屬性如果啟用Cookie，則屬性返回true，否則為false。
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>項目</title>
- </head>
- <body style="background-color: aqua;">
- <h1>Navigator 對象</h1>
- <p>cookieEnabled屬性返回true 如果cookies 是 enabled:</p>
- <p id="demo"></p>
- <script>
- document.getElementById("demo").innerHTML =
- "navigator.cookieEnabled is " + navigator.cookieEnabled;
- </script>
- </body>
- </html>
2. 瀏覽器應用程序名稱
appName 屬性返回瀏覽器的應用程序名稱。
- <script>
- document.getElementById("demo").innerHTML =
- "navigator.appName is " + navigator.appName;
- </script>
注：
"Netscape" 是 IE11, Chrome, Firefox和Safari的應用程序名稱。
3. 項目瀏覽器應用程序代碼名稱
appCodeName 屬性返回瀏覽器的應用程序代碼名。
- <script>
- document.getElementById("demo").innerHTML =
- "navigator.appCodeName is " + navigator.appCodeName;
- </script>
"Mozilla" 是Chrome, Firefox, IE, Safari和Opera應用程序代碼名稱 。
4. 瀏覽器引擎
產品屬性返回瀏覽器引擎的產品名稱:
- <script>
- document.getElementById("demo").innerHTML =
- "navigator.product is " + navigator.product;
- </script>
5. 瀏覽器版本
appVersion 屬性返回有關瀏覽器的版本信息。
- <script>
- document.getElementById("demo").innerHTML = navigator.appVersion;
- </script>
三、總結
本文基于JavaScript基礎，介紹了瀏覽器Cookies、瀏覽器應用程序名稱、項目瀏覽器應用程序代碼名稱、瀏覽器引擎、瀏覽器版本等屬性，針對這些屬性，都做了詳細的講解。通過用豐富的案例幫助大家更好理解。
希望大家可以根據文章的內容，積極嘗試，有時候看到別人實現起來很簡單，但是到自己動手實現的時候，總會有各種各樣的問題，切勿眼高手低，勤動手，才可以理解的更加深刻。
使用JavaScript 語言，方便大家更好理解，希望對大家的學習有幫助。
責任編輯：姜華
來源：
前端進階學習交流
