วัตถุ window.navigator
มีข้อมูลเกี่ยวกับ เบราว์เซอร์ของผู้เยี่ยมชม
อ็อบเจ็กต์ window.navigator
สามารถเขียนได้โดยไม่ต้องใส่คำนำหน้าหน้าต่าง
ตัวอย่างบางส่วน:
navigator.cookieEnabled
navigator.appCodeName
navigator.platform
คุณสมบัติ cookieEnabled
จะคืนค่าเป็นจริงหากเปิดใช้งานคุกกี้ มิฉะนั้น เท็จ:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"cookiesEnabled is " + navigator.cookieEnabled;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>The cookieEnabled property returns true if cookies are enabled:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.cookieEnabled is " + navigator.cookieEnabled;
</script>
</body>
</html>
คุณสมบัติ appName
ส่งคืนชื่อแอปพลิเคชัน ของเบราว์เซอร์:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>The appName property returns the application name of the browser:</p>
<p id="demo"></p>
<p>Strange enough, "Netscape" is the application name for IE11, Chrome, Firefox, and Safari.</p>
<script>
document.getElementById("demo").innerHTML =
"navigator.appName is " + navigator.appName;
</script>
</body>
</html>
คุณสมบัตินี้ถูกลบออก (เลิกใช้แล้ว) ในมาตรฐานเว็บล่าสุด
เบราว์เซอร์ส่วนใหญ่ (IE11, Chrome, Firefox, Safari) ส่งคืน Netscape เป็น appName
คุณสมบัติ appCodeName
ส่งคืนชื่อรหัสแอปพลิเคชัน ของเบราว์เซอร์:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.appCodeName is " + navigator.appCodeName;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Navigator</h2>
<p>The appCodeName property returns the code name of the browser.</p>
<p>Do not rely on it! "Mozilla" is the application code name for Chrome, Firefox, IE, Safari, and Opera.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.appCodeName is " + navigator.appCodeName;
</script>
</body>
</html>
คุณสมบัตินี้ถูกลบออก (เลิกใช้แล้ว) ในมาตรฐานเว็บล่าสุด
เบราว์เซอร์ส่วนใหญ่ (IE11, Chrome, Firefox, Safari, Opera) ส่งคืน Mozilla เป็น appCodeName
product
คุณสมบัติส่งคืน ชื่อผลิตภัณฑ์ของเอ็นจิ้นเบราว์เซอร์:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>The product property returns the product name of the browser.</p>
<p>Do not rely on it! Most browsers returns "Gecko" as product name!</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.product is " + navigator.product;
</script>
</body>
</html>
คุณสมบัตินี้ถูกลบออก (เลิกใช้แล้ว) ในมาตรฐานเว็บล่าสุด
เบราว์เซอร์ส่วนใหญ่ส่งคืน Gecko เป็นผลิตภัณฑ์
ส่งกลับคุณสมบัติ appVersion
ข้อมูลเวอร์ชันเกี่ยวกับเบราว์เซอร์:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>The appVersion property returns version information about the browser:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>
</body>
</html>
คุณสมบัติ userAgent
ส่งกลับส่วนหัวของตัวแทนผู้ใช้ที่ส่งโดยเบราว์เซอร์ไปยังเซิร์ฟเวอร์:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.userAgent;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<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>
ข้อมูลจากออบเจ็กต์เนวิเกเตอร์มักจะทำให้เข้าใจผิดได้
วัตถุนำทางไม่ควร ใช้เพื่อตรวจจับเวอร์ชันของเบราว์เซอร์ เนื่องจาก:
เบราว์เซอร์ที่แตกต่างกันสามารถใช้ชื่อเดียวกันได้
ข้อมูลเนวิเกเตอร์สามารถ จะถูกเปลี่ยนโดยเจ้าของเบราว์เซอร์
เบราว์เซอร์บางตัวระบุตัวเองผิดเพื่อหลีกเลี่ยงการทดสอบไซต์
เบราว์เซอร์ไม่สามารถรายงานระบบปฏิบัติการใหม่ที่ออกช้ากว่าเบราว์เซอร์ได้
platform
คุณสมบัติส่งกลับแพลตฟอร์มเบราว์เซอร์ (ระบบปฏิบัติการ):
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.platform;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>The platform property returns the browser platform (operating system):</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.platform is " + navigator.platform;
</script>
</body>
</html>
ภาษา
คุณสมบัติส่งกลับภาษาของเบราว์เซอร์:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.language;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>The language property returns the browser's language:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.language is " + navigator.language;
</script>
</body>
</html>
คุณสมบัติ onLine
จะคืนค่าเป็นจริงหากเบราว์เซอร์ออนไลน์อยู่:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.onLine;
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>The onLine property returns true if the browser is online:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.onLine is " + navigator.onLine;
</script>
</body>
</html>
javaEnabled()
วิธีการคืนค่าจริงหากเปิดใช้งาน Java:
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.javaEnabled();
</script>
ลองด้วยตัวคุณเอง →
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>The javaEnabled() method returns true if Java is enabled:</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"javaEnabled is " + navigator.javaEnabled();
</script>
</body>
</html>