JAVASCRIPT NAVIGATOR
Apa sih JavaScript navigator itu ?
JavaScript navigator adalah representasi obyek browser internet
klien atau program navigator web yang sedang digunakan. Objek ini adalah objek
tingkat atas untuk semua orang lain.
JavaScript sendiri
merupakan hasil pengembangan atau pun modifikasi dari bahasa pemrograman C++,
namun dengan menggunakan metode penulisan yang jauh lebih sederhana. JavaScript
bergantung pada browser (navigator).
Navigator sebelumnya
telah mendukung Java untuk lebih bisa dimanfaatkan para Programer non-java.
Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut. Bahasa
pemrograman inilah yang akhirnya berkembang dan diberi nama Javascript,
walaupun tidak ada hubungan bahasa antara Java dengan Javascript.
Adapun properti yang digunakan pada javasript navigator antara
lain :
Navigator Properties
·
appCodeName - Nama kode
browser seperti " Mozilla " .
•
appMinorVersion - Nomor
versi minor dari browser .
•
appName - Nama browser
seperti " Microsoft Internet Explorer " atau " Netscape
Navigator " .
•
appVersion - Versi
browser yang mungkin termasuk nilai kompatibilitas dan nama sistem operasi .
•
cookieEnabled - Sebuah
nilai boolean true atau false tergantung pada apakah cookie diaktifkan dalam
browser .
•
cpuClass - Jenis CPU
yang mungkin " x86 "
•
mimetypes - Sebuah array
tipe MIME string deskriptif yang didukung oleh browser .
•
onLine - Sebuah nilai
boolean true atau false .
•
opsProfile
•
Platform - Penjelasan
dari platform sistem operasi . Dalam kasus saya itu adalah " Win32 "
untuk Windows 95 .
•
plugin - Sebuah array
plug-in yang didukung oleh browser dan diinstal pada browser .
•
systemLanguage - Bahasa
yang digunakan seperti " en -us " .
•
useragent - Dalam kasus
saya itu adalah " Mozilla/4.0 (compatible; MSIE 4.01 ; Windows 95 ) "
yang menggambarkan browser terkait sundulan agen pengguna .
•
userLanguage - The
languge pengguna menggunakan seperti " en -us " .
•
UserProfile
•
Adapun propeti yang di
terima oleh browser antara lain :
Methods
•
javaEnabled () -
Mengembalikan jitu boolean jika browser telah mengaktifkan JavaScript.
•
taintEnabled () - Mengembalikan
jitu boolean jika browser telah mencemari diaktifkan. Tainting adalah mekanisme
perlindungan keamanan data.
Navigator Objects
•
Sebagian besar benda
Navigator telah sesuai tag HTML. Lihat bagian objek yang sesuai untuk informasi
lebih lanjut.
•
MimeType - Memungkinkan
akses ke informasi tentang jenis MIME yang didukung oleh browser .
•
Plugin - Akses informasi
tentang semua plugin browser mendukung . EMBED
•
Jendela - Bingkai
browser atau jendela .
•
frame- Memungkinkan
akses ke semua frame dalam jendela . <FRAME>
•
Sejarah o - URL yang
sebelumnya diakses pada sebuah window.
•
lokasi - Merupakan
sebuah URL .
Ø Dokumen -
Dokumen HTML dimuat di jendela . <BODY>
Ø jangkar
jangkar objek Array - Memungkinkan akses ke semua jangkar di dokumen . <A
NAME="">
Ø applet - Memungkinkan akses ke semua applet
dalam dokumen .
Ø daerah - Memungkinkan akses ke suatu daerah di
peta citra klien . <map>
Ø gambar objek gambar Array - Memungkinkan akses
ke semua gambar dalam dokumen . <IMG>
Ø Link objek tautan Array - Memungkinkan akses ke
semua link dalam dokumen . <a href="">
Ø Lapisan - Memungkinkan akses ke lapisan HTML .
Ø bentuk - Memungkinkan akses ke semua bentuk
dalam dokumen . <FORM>
Ø tombol - Memungkinkan akses ke tombol bentuk
eksklusif submit atau tombol reset . <INPUT TYPE="button">
Ø checkbox - Memungkinkan akses ke formcheckbox a
. <INPUT TYPE="checkbox">
Ø unsur - Memungkinkan akses ke tombol atau bidang
dalam formulir.
Ø FileUpload - Memungkinkan akses ke elemen bentuk
file upload . <INPUT TYPE="file">
Ø tersembunyi - Memungkinkan akses ke bentuk field
tersembunyi . <INPUT TYPE="hidden">
Ø option
Ø sandi - Memungkinkan akses ke password form.
<INPUT TYPE="password">
Ø radio - Memungkinkan akses ke bentuk radio
button set . <INPUT TYPE="radio">
Ø reset - Memungkinkan akses ke tombol reset bentuk
.. <INPUT TYPE="reset">
Ø pilih - Memungkinkan akses ke daftar bentuk yang
dipilih dengan opsi yang memungkinkan akses ke elemen yang dipilih dalam daftar
pilih . <SELECT>
Ø menyerahkan - Memungkinkan akses ke bentuk
tombol kirim . <INPUT TYPE="submit">
Ø teks - Memungkinkan akses ke kolom teks bentuk .
<INPUT type="text">
Ø textarea - Memungkinkan akses ke bentuk bidang
area teks . <textarea>
Ø
komprehensif -
Memungkinkan akses ke tertanam plug ins .
Window
Navigator
Objek window.navigator berisi informasi tentang browser
pengunjung.
Objek
window.navigator dapat ditulis tanpa jendela awalan.
Contoh
pengunaannya….
<div
id="example"></div>
<script>
txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";
document.getElementById("example").innerHTML=txt;
</script>
<script>
txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
txt+= "<p>Browser Name: " + navigator.appName + "</p>";
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
txt+= "<p>Platform: " + navigator.platform + "</p>";
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";
document.getElementById("example").innerHTML=txt;
</script>
Peringatan!
Informasi dari objek navigator sering bisa menyesatkan, dan tidak
boleh digunakan untuk mendeteksi versi browser karena:
• Data navigator dapat diubah oleh pemilik peramban
• Beberapa browser misidentify diri untuk tes situs memotong
• Browser tidak dapat melaporkan sistem operasi baru, dirilis
paling lambat.
Deteksi Browser
Karena objek navigator dapat menyesatkan tentang
deteksi browser menggunakan deteksi obyek dapat digunakan untuk mengendus
browser yang berbeda.
Karena browser yang berbeda mendukung objek yang
berbeda, Anda dapat menggunakan objek untuk mendeteksi browser. Misalnya,
karena hanya Opera mendukung properti "window.opera", Anda dapat
menggunakannya untuk mengidentifikasi Opera.
Contoh: if (window.opera) {... beberapa tindakan
...}
This example shows how to
detect the user's browser:
<head>
<script type="text/javascript">
function DetectBrowser () {
var agent = navigator.userAgent.toLowerCase ();
var browser = "Unknown browser";
if (agent.search ("msie") > -1) {
browser = "Internet
Explorer";
}
else {
if (agent.search ("firefox") > -1) {
browser = "Firefox";
}
else {
if (agent.search ("opera") > -1) {
browser = "Opera";
}
else {
if (agent.search ("safari") > -1) {
if (agent.search ("chrome") > -1) {
browser = "Google Chrome";
}
else {
browser = "Safari";
}
}
}
}
}
alert (browser);
}
</script>
</head>
<body>
<button onclick="DetectBrowser ();">Detect Browser!</button>
</body>
This example displays
various information about the browser and the operating system of the user:
<head>
<script type="text/javascript">
function AddRowToInfo (description, value) {
if (value !== undefined) {
var infoTable = document.getElementById ("info");
var row = infoTable.insertRow (-1);
var cell = row.insertCell (-1);
cell.innerHTML = description;
cell.style.paddingRight = "10px";
cell = row.insertCell (-1);
cell.innerHTML = value;
cell.style.paddingLeft = "10px";
}
}
function GetVisitorInfo () {
AddRowToInfo ("Name of the
browser (appName)", window.navigator.appName);
AddRowToInfo ("Name of the
browser vendor (vendor)", window.navigator.vendor);
AddRowToInfo ("Code name of the
browser (appCodeName)", window.navigator.appCodeName);
AddRowToInfo ("Engine of the
browser (product)", window.navigator.product);
AddRowToInfo ("Build number of
the browser engine (productSub)", window.navigator.productSub);
if (window.opera) {
AddRowToInfo ("Build number of
the browser (buildNumber)", window.opera.buildNumber
());
AddRowToInfo ("Version number
of the browser (version)", window.opera.version ());
}
AddRowToInfo ("Version and
platform of the browser (appVersion)", window.navigator.appVersion);
AddRowToInfo ("Version of the
browser given by the vendor (vendorSub)", window.navigator.vendorSub);
AddRowToInfo ("Minor version of
the browser (appMinorVersion)", window.navigator.appMinorVersion);
AddRowToInfo ("Build identifier
of the browser (buildID)", window.navigator.buildID);
AddRowToInfo ("User-agent
request header (userAgent)", window.navigator.userAgent);
AddRowToInfo ("Language of the
browser (language)", window.navigator.language);
AddRowToInfo ("Cookies are
enabled (cookieEnabled)", window.navigator.cookieEnabled);
AddRowToInfo ("Operating system
(platform)", window.navigator.platform);
if (window.navigator.language === undefined) { // in Opera, the language, browserLanguage and userLanguage
properties are equivalent
AddRowToInfo ("Language of the
operating system's user interface (browserLanguage)", window.navigator.browserLanguage);
AddRowToInfo ("Regional and
Language settings of the operating system (userLanguage)", window.navigator.userLanguage);
}
AddRowToInfo ("Language of the
installed operating system (systemLanguage)", window.navigator.systemLanguage);
AddRowToInfo ("Class of CPU
(cpuClass)", window.navigator.cpuClass);
AddRowToInfo ("Information
about the OS and CPU (oscpu)", window.navigator.oscpu);
AddRowToInfo ("System is online
(onLine)", window.navigator.onLine);
}
</script>
</head>
<body onload="GetVisitorInfo
();">
<table id="info" cellpadding="0px" cellspacing="0px" border="1px" style="empty-cells:show;">
<colgroup>
<col style="background-color: #e0a0b0;" />
<col />
</colgroup>
<tbody>
</tbody>
</table>
</body>
0 komentar:
Posting Komentar