Objek window.navigator berisi informasi tentang browser pengunjung.
Section Artikel
Objek window.navigator dapat ditulis tanpa awalan window.
Beberapa contohnya:
- navigator.appName
- navigator.appCodeName
- navigator.platform
Browser Cookies
Properti cookieEnabled mengembalikan nilai true jika cookie diaktifkan, jika tidak maka mengembalikan nilai false.
Contoh:
<!DOCTYPE html> <html> <body> <h2>Navigator Object</h2> <p> Properti cookieEnabled mengembalikan nilai true jika cookie diaktifkan: </p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.cookieEnabled adalah " + navigator.cookieEnabled; </script> </body> </html>
Nama Aplikasi Browser
Properti appName mengembalikan nama aplikasi browser.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Navigator Object</h2>
<p> Properti appName mengembalikan nama aplikasi browser.</p>
<p id="demo"></p>
<p> Cukup aneh, "Netscape" adalah nama aplikasi untuk IE11, Chrome, Firefox, dan Safari. </p>
<script>
document.getElementById("demo").innerHTML =
"navigator.appName adalah " + navigator.appName;
</script>
</body>
</html>
Cukup aneh, “Netscape” adalah nama aplikasi untuk IE11, Chrome, Firefox, dan Safari.
Nama Kode Aplikasi Browser
Properti appCodeName mengembalikan nama kode aplikasi dari browser.
Contoh:
<!DOCTYPE html> <html> <body> <h2>JavaScript Navigator</h2> <p> Properti appCodeName mengembalikan nama kode browser. </p> <p> Jangan mengandalkannya! "Mozilla" adalah nama kode aplikasi untuk Chrome, Firefox, IE, Safari, dan Opera. </p> <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "navigator.appCodeName adalah " + navigator.appCodeName; </script> </body> </html>
“Mozilla” adalah nama kode aplikasi untuk Chrome, Firefox, IE, Safari, dan Opera.
Browser Engine
Properti produk mengembalikan nama produk dari mesin browser.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Navigator Object</h2>
<p> Properti produk mengembalikan nama produk browser. </p>
<p> Jangan mengandalkannya! Sebagian besar browser mengembalikan "Gecko" sebagai nama produk! </p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.product adalah " + navigator.product;
</script>
</body>
</html>
ngan mengandalkannya! Sebagian besar browser mengembalikan “Gecko” sebagai nama produk!
Versi Browser
Properti appVersion mengembalikan informasi versi tentang browser.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Navigator Object</h2>
<p> Properti appVersion mengembalikan informasi versi tentang browser: </p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = navigator.appVersion;
</script>
</body>
</html>
Agen Browser
Properti userAgent mengembalikan header agen pengguna yang dikirim oleh browser ke server.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Navigator Object</h2>
<p> Properti userAgent mengembalikan header agen-pengguna yang dikirim oleh browser ke server: </p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
navigator.userAgent;
</script>
</body>
</html>
Peringatan !!!
Informasi dari objek navigator sering kali menyesatkan, dan sebaiknya tidak digunakan untuk mendeteksi versi browser karena:
- Browser yang berbeda dapat menggunakan nama yang sama
- Data navigator dapat diubah oleh pemilik browser
- Beberapa browser salah mengidentifikasi dirinya sendiri untuk melewati pengujian situs
- Browser tidak dapat melaporkan sistem operasi baru, yang dirilis lebih lambat dari browser
Platform Browser
Properti platform mengembalikan platform browser (sistem operasi).
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Navigator Object</h2>
<p> Properti platform mengembalikan platform browser (sistem operasi): </p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.platform adalah " + navigator.platform;
</script>
</body>
</html>
Bahasa Browser
Properti language mengembalikan bahasa browser.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Navigator Object</h2>
<p>Properti bahasa mengembalikan bahasa browser: </p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.language adalah " + navigator.language;
</script>
</body>
</html>
Apakah Browser Online?
Properti onLine mengembalikan nilai true jika browser online.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Navigator Object</h2>
<p>Properti onLine mengembalikan nilai true jika browser online: </p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"navigator.onLine adalah " + navigator.onLine;
</script>
</body>
</html>
Apakah Java Diaktifkan?
Metode javaEnabled () mengembalikan nilai true jika Java diaktifkan.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>The Navigator Object</h2>
<p>Metode javaEnabled () mengembalikan nilai true jika Java diaktifkan.</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"javaEnabled adalah " + navigator.javaEnabled();
</script>
</body>
</html>
