ES6 - Browser
Penting untuk memahami perbedaan antara browser yang berbeda untuk menangani masing-masing dengan cara yang diharapkan. Jadi, penting untuk mengetahui browser mana yang menjalankan halaman web Anda. Untuk mendapatkan informasi tentang browser yang sedang dijalankan halaman web Anda, gunakan objek navigator bawaan.
Properti Navigator
Ada beberapa properti terkait Navigator yang dapat Anda gunakan di halaman web Anda. Berikut ini adalah daftar nama dan deskripsinya.
| Sr Tidak | Deskripsi properti |
|---|---|
| 1 | appCodeName Properti ini berupa string yang berisi nama kode browser, Netscape untuk Netscape dan Microsoft Internet Explorer untuk Internet Explorer. |
| 2 | appVersion Properti ini adalah string yang berisi versi browser serta informasi berguna lainnya seperti bahasa dan kompatibilitasnya. |
| 3 | language Properti ini berisi singkatan dua huruf untuk bahasa yang digunakan oleh browser. Netscape saja. |
| 4 | mimTypes[] Properti ini adalah larik yang berisi semua jenis MIME yang didukung oleh klien. Netscape saja. |
| 5 | platform[] Properti ini adalah string yang berisi platform yang dikompilasi browser. "Win32" untuk sistem operasi Windows 32-bit. |
| 6 | plugins[] Properti ini adalah larik yang berisi semua plugin yang telah diinstal di klien. Netscape saja. |
| 7 | userAgent[] Properti ini berupa string yang berisi nama kode dan versi browser. Nilai ini dikirim ke server asal untuk mengidentifikasi klien. |
Metode Navigator
Ada beberapa metode khusus Navigator. Berikut adalah daftar nama dan deskripsinya.
| Sr Tidak | Metode & Deskripsi |
|---|---|
| 1 | javaEnabled() Metode ini menentukan apakah JavaScript diaktifkan di klien. Jika JavaScript diaktifkan, metode ini mengembalikan nilai true; jika tidak, itu mengembalikan salah. |
| 2 | plugings.refresh Metode ini membuat plug-in yang baru dipasang tersedia dan mengisi array plugin dengan semua nama plug-in baru. Netscape saja |
| 3 | preference(name,value) Metode ini memungkinkan skrip yang ditandatangani untuk mendapatkan dan menyetel beberapa preferensi Netscape. Jika parameter kedua dihilangkan, metode ini akan mengembalikan nilai preferensi yang ditentukan; jika tidak, nilai akan ditetapkan. Netscape saja |
| 4 | taintEnabled() Metode ini mengembalikan nilai true jika pencatatan data diaktifkan; false jika tidak |
Deteksi Browser
Kode JavaScript berikut dapat digunakan untuk mengetahui nama browser dan kemudian halaman HTML dapat disajikan kepada pengguna.
<html>
<head>
<title>Browser Detection Example</title>
</head>
<body>
<script type = "text/javascript">
<!--
var userAgent = navigator.userAgent;
var opera = (userAgent.indexOf('Opera')
! = -1); var ie = (userAgent.indexOf('MSIE')
!= -1); var gecko = (userAgent.indexOf('Gecko')
! = -1); var netscape = (userAgent.indexOf('Mozilla')
! = -1); var version = navigator.appVersion;
if (opera) {
document.write("Opera based browser");
// Keep your opera specific URL here.
} else if (gecko) {
document.write("Mozilla based browser");
// Keep your gecko specific URL here.
} else if (ie) {
document.write("IE based browser");
// Keep your IE specific URL here.
} else if (netscape) {
document.write("Netscape based browser");
// Keep your Netscape specific URL here.
} else {
document.write("Unknown browser");
}
// You can include version to along with any above condition.
document.write("<br /> Browser version info : " + version );
//
-->
</script>
</body>
</html>Output berikut ditampilkan pada eksekusi yang berhasil dari kode di atas.
Mozilla based browser
Browser version info : 5.0(Windows NT 6.3; WOW64) AppleWebKit / 537.36 (KHTML, seperti Gecko) Chrome / 41.0.2272.101 Safari / 537.36