Navigator i JavaScript - Egenskaper, metoder og samlinger (eksempler)

Innholdsfortegnelse:

Anonim

Introduksjon til Navigator i JavaScript

Navigator i JavaScript er et objekt som gir detaljer om nettleseren som brukeren bruker for å få tilgang til web-applikasjonen. Siden vi har Document Object Model (DOM) for å ha kontroll over manipulering av dataene, har vi på samme måte Browser Object Model (BOM) som gir oss kontrollen for hvordan applikasjoner blir sett på i nettleseren. Noen av enhetene til BOM er:

  • Historie
  • plassering
  • Skjerm
  • Dokument
  • Navigator

JavaScript-navigatorobjektet hjelper med å tilpasse applikasjonen vår basert på brukerens nettleser og hvilke enheter som er aktivert eller deaktivert i nettleserinnstillingene sine fordi vi vet at alle nettlesere er forskjellige fra hverandre og håndterer JavaScript annerledes.

Denne artikkelen forklarer BOM-navigatoren JavaScript bruker.

Egenskaper for Navigator i JavaScript

JavaScript Navigator inneholder flere metoder og egenskaper som kan brukes til å få interessant informasjon om brukerens nettleser. Dette kan hjelpe programmereren til å oppdage og finne hvilke funksjonaliteter som vi støtter av nettleseren eller ikke.

Nå vet vi at navigatorobjektet hjelper deg med å oppdage hva slags nettleser brukeren har brukt. I denne delen av artikkelen vil vi diskutere ofte brukte egenskaper og metoder for navigatorobjektet og få litt informasjon om nettleseren vår.

Navigatorobjektet er en vindueegenskap som du kan få tilgang til

window.navigator or navigator

Siden vinduet er et globalt objekt og er øverst i omfangskjeden, kan du få tilgang til det uten å legge til vindusprefikset.

Tabell 1: Egenskaper for Navigator Object

Nedenfor er nevnt noen navigatorobjektegenskaper

EiendomBeskrivelse
appCodeNameReturnerer kodenavnet på nettleseren
APPNAMEReturnerer navnet på nettleseren
appVersionReturnerer versjonsinformasjonen til nettleseren
cookieEnabledBestemmer om informasjonskapsler er aktivert i nettleseren
geolocationReturnerer et geolokasjonsobjekt som kan brukes til å finne brukerens posisjon
SpråkReturnerer språket i nettleseren
på nettBestemmer om nettleseren er online
plattformReturnerer for hvilken plattform nettleseren er kompilert
produktReturnerer motornavnet til nettleseren
bruker agentReturnerer brukeragent-overskriften som er sendt av nettleseren til serveren

Tabell 2: Metoder for Navigator Object

MetodeBeskrivelse
javaEnabled ()Angir om nettleseren har Java aktivert eller ikke
taintEnabled ()Fjernet i JavaScript versjon 1.2. Spesifiserer om nettleseren har datafarvning aktivert

Datapainting gjør at et vindu kan se egenskapene i et annet vindu og fjernes siden det viste seg å være en høy sikkerhetsrisiko.

Eksempel 1

Navigatoregenskaper og metoder

Kode:


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());

Produksjon:

Et viktig poeng å huske er at navigator.appCodeName alltid resulterer i "Mozilla" på grunn av kompatibilitetsårsaker. Vi bruker også Chrome, Firefox, IE11 eller Safari. AppName-egenskapen til navigatorobjektet vil alltid resultere i "Netscape". Vi må også huske på at ofte informasjonen som returneres fra navigatorobjektet kan være feil eller misvisende siden dataene som returneres av navigatorobjektet kan endres av brukeren, nettleseren rapporterer ikke om nytt operativsystem som blir utgitt etter nettleseren, annerledes nettlesere kan bruke samme navn. Egenskapene til navigatorobjektene er skrivebeskyttet egenskap. Bortsett fra egenskaper og metoder, har JavaScript Navigator en funksjon som er kjent som samlinger.

Tabell 3: Samlinger av Navigator-objekt

Tabellen nedenfor viser samlingene som er til stede i JavaScript-navigatorobjektet, og da vil vi se ett eksempel på det.

SamlingBeskrivelse
tillegg ()returnerer en henvisning til alle de innebygde objektene i dokumentet
Mimetypesreturnerer en samling MIME-typer støttet av klientleseren

Mimeiendommen har tre forhåndsdefinerte felt:

  • name - navnet på MIME-typen (video / mpeg)
  • beskrivelse - beskrivelse av typen
  • suffikser - liste over alle mulige filsuffikser (filendelser) for MIME-typen.
Eksempel 2

JavaScript Navigator Collection

Kode:


var plugin = navigator.plugins("Flash Player");
if (plugin)
document.write("Plugin Present")
else
document.write("You don't have Flash Player installed!")

Produksjon:

Eksempel 3

JavaScript Navigator Property - geolocation

Kode:



navigator.geolocation.getCurrentPosition(showPosition);
function showPosition(position) (
console.log("Latitude: " + position.coords.latitude + "\n" +"Longitude: " + position.coords.longitude);
)

Produksjon:

Det hjelper med å gi brukerplassering, men krever brukerens tillatelse til å dele sin posisjon. Geolokalisering er mye mer presis for enheter som har GPS. Denne eiendommen er også skrivebeskyttet.

Konklusjon

Vi lærte hvordan vi skaffer nettleserinformasjon ved hjelp av JavaScript og lærte hvordan navigasjonsobjektet hjelper oss å få informasjon som navn, versjon, plattform osv. Om brukerens nettleser og om cookies er aktivert eller ikke i brukerens nettleser. Husk at noen nettlesere gir falsk informasjon bare for å omgå tester på nettstedet.

Anbefalte artikler

Dette har vært en guide til Navigator i JavaScript. Her diskuterer vi også egenskapene til navigatoren i JavaScript sammen med eksemplene. Du kan også se på følgende artikler for å lære mer–

  1. Slik fungerer JavaScript
  2. JavaScript vs JQuery
  3. TypeScript vs JavaScript
  4. HTML5 vs JavaScript
  5. PL / SQL-samlinger | Syntaks, typer, unntak
  6. Hvordan fungerer informasjonskapsler i JavaScript?