一篇文章帶你了解JavaScript window navigator（下篇）
作者：前端進階者
window.navigator 對象包含有關訪問者瀏覽器的信息。上篇文章介紹了瀏覽器Cookies、瀏覽器應用程序名稱、項目瀏覽器應用程序代碼名稱、瀏覽器引擎、瀏覽器版本等屬性，這篇文章繼續介紹其他的屬性。
window.navigator 對象包含有關訪問者瀏覽器的信息。上篇文章介紹了瀏覽器Cookies、瀏覽器應用程序名稱、項目瀏覽器應用程序代碼名稱、瀏覽器引擎、瀏覽器版本等屬性，這篇文章繼續介紹其他的屬性
一、Window Navigator
window.navigator 對象可以不用窗口window前綴編寫（ navigator.XXXX）。
二、屬性
6. 瀏覽器代理
userAgent 屬性返回瀏覽器向服務器發送的用戶代理標頭。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項目</title>
</head>
<body style="background-color: aqua;\">
<h1>The Navigator Object</h1>
<p>The userAgent property returns the user-agent header sent by the browser to the server:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
navigator.userAgent;
</script>
</body>
</html>
注意：
來自導航對象的信息通常是誤導性的，不應該用于檢測瀏覽器版本。
- 不同的瀏覽器可以使用相同的名稱。
- 導航器數據可以由瀏覽器所有者更改。
- 一些瀏覽器錯認自己繞過現場試驗。
- 瀏覽器無法報告比瀏覽器晚發布的新操作系統。
7. 瀏覽器平臺
platform 屬性返回瀏覽器平臺（操作系統）。
<script>
document.getElementById("demo").innerHTML = navigator.platform;
</script>
8.瀏覽器的語言
language 屬性返回瀏覽器的語言。
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.language;
</script>
9. 瀏覽器是否在線？
onLine 如果瀏覽器在線，屬性返回true。
<!DOCTYPE html>
<html>
<title>項目</title>
<body style="background-color: aqua;">
<p>單擊按鈕以查看瀏覽器是否在線:</p>
<button onclick="myFunc()">點我試試</button>
<p id="output"></p>
<script>
function myFunc() {
var x = navigator.onLine;
document.querySelector("#output").innerHTML = x;
}
</script>
</body>
</html>
10. 瀏覽器是否啟用java?
javaEnabled() 方法返回true如果java啟用。
<script>
document.getElementById("demo").innerHTML = navigator.javaEnabled();
</script>
三、總結
本文基于JavaScript基礎，介紹了瀏覽器代理、瀏覽器平臺、瀏覽器的語言、瀏覽器是否在線、瀏覽器是否啟用java等屬性，針對這些屬性，都做了詳細的講解。通過用豐富的案例幫助大家更好理解。
希望大家可以根據文章的內容，積極嘗試，有時候看到別人實現起來很簡單，但是到自己動手實現的時候，總會有各種各樣的問題，切勿眼高手低，勤動手，才可以理解的更加深刻。
責任編輯：華軒
來源：
前端進階學習交流
