Navigator er et objekt som gir ulike egenskaper for å hente gjeldende nettleserfunksjoner og egenskaper som hjelper utviklere med å velge riktig nettleser for deres applikasjon. denne ' Navigator ”-objektet tilbyr en egenskap kalt “userAgentData” som gir data relatert til gjeldende nettleser som UI-design, skriftstørrelser eller interaksjoner for å passe bedre til brukerens miljø. Det er mange andre egenskaper levert av navigatorobjektet som er kort omtalt i vår Artikkel 1 og artikkel 2 .
Denne bloggen vil forklare Navigator-objektet userAgentData-egenskapen i JavaScript.
Hvordan ta tak i Navigator userAgentData-egenskapen?
Informasjonen gitt av ' userAgentData ”-egenskapen lar utviklere søke i forskjellige nettlesermiljøer og identifisere eventuelle problemer som kan oppstå på spesifikke plattformer. Den er tilgjengelig via ' Navigator ' objekt. Verdiene for eiendommer ' merkevarer”, “mobil” og “plattform ' kan hentes ved hjelp av ' userAgentData ” egenskapen til Navigator-objektet.
Syntaks
Navigatoren ' userAgentData '-egenskapen har følgende syntaks:
navigator. userAgentData
Syntaksen ovenfor returnerer verdiene for å inneholde egenskaper som ' merkevarer”, “mobil” og “plattform ' i forhold til nettleseren.
La oss ha et program for å se den praktiske demonstrasjonen:
< kropp >< h1 stil = 'farge: kadettblå;' > Linux < / h1 >< knapp ved trykk = 'merker()' > Hent merkevarer < / knapp >
< knapp ved trykk = 'mobil()' > Hent mobil < / knapp >
< knapp ved trykk = 'plattform()' > Hent merkevarer < / knapp >
< manus >
function brands(){
console.log( navigator.userAgentData.brands )
}
function mobile(){
console.log('Du ser på mobil: ' + navigator.userAgentData.mobile)
}
funksjonsplattform(){
console.log('Plattformen eller operativsystemet du bruker:\n ' + navigator.userAgentData.platform)
}
< / manus >
< / kropp >
Beskrivelsen av koden som vises i kodeblokken ovenfor er som følger:
- Først tre «< knapp >»-tagger brukes som kaller « brands()», «mobil()» og «plattform() ” spesialbygde funksjoner ved hjelp av “onclick”-hendelseslytteren.
- Inne i «< manus >'-taggen, definer ' merker ()'-funksjonen som henter merkevareinformasjon for nettleseren ved å bruke egenskapen 'navigator.userAgentData.brands'. Vis også resultatet hentet av denne egenskapen over konsollen.
- På samme måte definerer du ' mobile()' og 'plattform() '-funksjoner og bruke ' navigator.userAgentData.mobile” og “navigator.userAgentData.platform ” eiendommer henholdsvis.
- Disse egenskapene returnerer tilsvarende data over konsollen.
Det endelige resultatet ser slik ut:
Utdataene viser at ved å klikke på knappen, hentes den tilsvarende verdien og vises over konsollvinduet.
Bonustips: Bruk av Navigator userAgent Property
« bruker agent ' eiendommen leveres også av ' navigator ”-objekt, returnerer det navnet, versjonen og plattformen for den gjeldende nettleseren som brukes av brukeren. Den praktiske demonstrasjonen av denne navigatoregenskapen er angitt nedenfor:
< kropp >< h1 stil = 'farge: kadettblå;' > Linuxhint < / h1 >
< knapp ved trykk = 'browserData()' > Nettleserelatert Data < / knapp >
< s id = 'mål' >< / s >< manus >
funksjon nettleserData ( ) { console.log ( navigator.userAgent ) }
< / manus >
< / kropp >
Koden ovenfor er beskrevet som:
- Først '< knapp >'-taggen brukes sammen med ' ved trykk ” hendelseslytter som kaller opp funksjonen “browserData()”.
- Neste, denne ' nettleserdata ()'-funksjonen er definert i '< manus >” tag. Denne funksjonen bruker ' navigator.userAgent ”-egenskapen og resultatet vises over konsollen.
Forhåndsvisning av nettsiden etter fullføring av koden ovenfor:
Utdataene viser at data relatert til nettleseren har blitt hentet og vist over konsollvinduet.
Du har lært prosedyren for å forstå egenskapen navigator userAgentData.
Konklusjon
« navigator.userAgentData ” egenskapen henter de nettleserspesifikke verdiene som hjelper mye når utviklere lager applikasjonen spesifikt for én eller flere nettlesere. Denne egenskapen kan hente verdiene for ' merkevarer', 'mobil' og 'plattform'. ”-strenger, varierer verdiene som returneres fra nettleser til nettleser. Strengen må festes ved siden av ' navigator.userAgentData ” egenskap for å returnere verdien bare for den strengen. Denne bloggen har forklart prosessen for å bruke egenskapen navigator.userAgentData i JavaScript.