Introducere în Navigator în JavaScript
Navigatorul în JavaScript este un obiect care oferă detalii despre browserul pe care utilizatorul îl folosește pentru a accesa aplicația web. Deoarece documentul model de obiect (DOM) are controlul asupra manipulării datelor, în mod similar, avem Browser Object Model (BOM) care ne oferă controlul asupra modului în care aplicațiile sunt vizualizate în browser. Unele dintre entitățile BOM sunt:
- Istorie
- Locație
- Ecran
- Document
- Navigator
Obiectul navigator JavaScript ajută la personalizarea aplicației noastre în funcție de browserul utilizatorului și de ce entități sunt activate sau dezactivate în setările browserului lor, deoarece știm că toate browserele sunt diferite unele de altele și gestionează JavaScript în mod diferit.
Acest articol explică utilizarea browser-ului BOM de către JavaScript.
Proprietățile Navigatorului în JavaScript
JavaScript Navigator oferă mai multe metode și proprietăți care pot fi utilizate pentru a obține informații interesante despre browserul utilizatorului. Acest lucru poate ajuta programatorul să detecteze și să găsească ce funcționalități sunt acceptate de browser sau nu.
Acum, știm că obiectul navigator ajută la detectarea ce tip de browser a folosit utilizatorul. În această secțiune a articolului, vom discuta despre proprietățile și metodele utilizate în mod obișnuit ale obiectului navigator și vom obține informații despre browserul nostru.
Obiectul navigator este o proprietate fereastră la care poate fi accesat
window.navigator or navigator
Deoarece fereastra este un obiect global și se află în partea de sus a lanțului de aplicare, poate fi accesată fără a adăuga prefixul ferestrei.
Tabelul 1: Proprietățile obiectului Navigator
Mai jos sunt menționate câteva proprietăți ale obiectului navigator
| Proprietate | Descriere |
| appCodeName | Returnează numele de cod al browserului |
| numele aplicatiei | Returnează numele browserului |
| appVersion | Returnează informațiile despre versiune ale browserului |
| cookieEnabled | Determină dacă cookie-urile sunt activate în browser |
| geolocalizare | Returnează un obiect Geolocalizare care poate fi utilizat pentru a localiza poziția utilizatorului |
| limba | Returnează limba browserului |
| pe net | Determină dacă browserul este online |
| platformă | Returnări pentru care platformă este compilat browserul |
| produs | Returnează numele motorului browserului |
| agent utilizator | Returnează antetul agentului utilizator trimis de browser serverului |
Tabelul 2: Metode ale obiectului Navigator
| Metodă | Descriere |
| javaEnabled () | Specifică dacă browserul are sau nu activat Java |
| taintEnabled () | Eliminat în versiunea JavaScript 1.2. Specifică dacă browserul are activat redarea datelor |
Redarea datelor permite unei ferestre să vadă proprietățile din altă fereastră și este eliminată, deoarece s-a dovedit a fi un risc ridicat de securitate.
Exemplul # 1
Proprietățile și metodele Navigatorului
Cod:
document.write(" Code Name of the Browser : ", navigator.appCodeName + "
");
document.write(" Name of the Browser : ", navigator.appName + "
");
document.write(" Cookies Enabled : ", navigator.cookieEnabled + "
");
document.write(" Platform of the Browser : ", navigator.platform + "
");
document.write(" Browser in onLine Mode : ", navigator.onLine + "
");
document.write(" Java Enabled : ", navigator.javaEnabled());
ieşire:
Un punct important de reținut este faptul că navigator.appCodeName rezultă întotdeauna „Mozilla” din motive de compatibilitate. De asemenea, folosim Chrome, Firefox, IE11 sau Safari, proprietatea appName a obiectului navigator va rezulta întotdeauna în „Netscape”. De asemenea, trebuie să reținem că de multe ori informațiile returnate de la obiectul navigatorului pot fi greșite sau înșelătoare, deoarece datele returnate de obiectul navigator pot fi schimbate de utilizator, browserul nu raportează noul sistem de operare care este lansat după browser, diferit. browserele pot folosi același nume. Proprietățile obiectelor de navigare sunt proprietate de numai citire. În afară de proprietăți și metode, JavaScript Navigator mai are o caracteristică cunoscută sub numele de Colecții.
Tabelul 3: Colecții de obiecte Navigator
Tabelul de mai jos prezintă colecțiile prezente în obiectul browserului JavaScript și vom vedea un exemplu al acestuia.
| Colectie | Descriere |
| plugins () | returnează o referință la toate obiectele încorporate în document |
| Mimetype | returnează o colecție de tipuri MIME acceptate de browserul client |
Proprietatea mime are trei câmpuri predefinite:
- nume - numele tipului MIME (video / mpeg)
- descriere - descrierea tipului
- sufixe - lista tuturor sufixurilor de fișiere posibile (extensii de fișier) pentru tipul MIME.
Exemplul # 2
Colecția JavaScript Navigator
Cod:
var plugin = navigator.plugins("Flash Player");
if (plugin)
document.write("Plugin Present")
else
document.write("You don't have Flash Player installed!")
ieşire:
Exemplul # 3
Proprietate JavaScript Navigator - geolocalizare
Cod:
navigator.geolocation.getCurrentPosition(showPosition);
function showPosition(position) (
console.log("Latitude: " + position.coords.latitude + "\n" +"Longitude: " + position.coords.longitude);
)
ieşire:
Ajută la furnizarea locației utilizatorului, dar necesită permisiunea utilizatorului pentru a-și împărtăși locația. Geolocalizarea este mult mai precisă pentru dispozitivele care au GPS. Această proprietate este, de asemenea, proprietate de numai citire.
Concluzie
Am învățat cum să obținem informații despre browser folosind JavaScript și am aflat cum obiectul său de navigator ne ajută să obținem informații precum numele, versiunea, platforma etc., ale browserului utilizatorului și dacă cookie-urile sunt activate sau nu în browserul utilizatorului. Amintiți-vă că unele browsere oferă informații false doar pentru a ocoli testele de pe site.
Articole recomandate
Acesta a fost un ghid pentru Navigator în JavaScript. Aici vom discuta, de asemenea, proprietățile navigatorului în JavaScript împreună cu exemplele. De asemenea, puteți arunca o privire asupra articolelor următoare pentru a afla mai multe -
- Cum funcționează JavaScript
- JavaScript vs JQuery
- TypeScript vs JavaScript
- HTML5 vs JavaScript
- Colecții PL / SQL | Sintaxa, tipuri, excepții
- Cum funcționează Cookie-urile în JavaScript?