จาวาสคริปต์นาวิเกเตอร์หน้าต่าง


สารบัญ

    แสดงสารบัญ


วัตถุ 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>

Java เปิดใช้งานหรือไม่

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>