Navigator er et objekt, der giver forskellige egenskaber til at hente de aktuelle webbrowserfunktioner og egenskaber, der hjælper udviklere med at vælge den rigtige browser til deres applikation. Det her ' Navigator ”-objekt tilbyder en egenskab ved navn “userAgentData”, der leverer data relateret til den aktuelle webbrowser, såsom UI-design, skriftstørrelser eller interaktioner, så de passer bedre til brugerens miljø. Der er mange andre egenskaber leveret af navigatorobjektet, som kort diskuteres i vores artikel 1 og artikel 2 .
Denne blog vil forklare Navigator-objektets userAgentData-egenskab i JavaScript.
Hvordan får man fat i Navigator userAgentData-egenskaben?
Oplysningerne givet af ' userAgentData ” egenskab giver udviklere mulighed for at søge i forskellige browsermiljøer og identificere eventuelle problemer, der måtte opstå på specifikke platforme. Den er tilgængelig via ' Navigator ” objekt. Værdierne for ejendomme ' mærker', 'mobil' og 'platform ' kan hentes ved hjælp af ' userAgentData ” egenskab for Navigator-objektet.
Syntaks
Navigatoren' userAgentData egenskaben har følgende syntaks:
navigator. userAgentData
Ovenstående syntaks returnerer værdierne for at indeholde egenskaber som ' mærker', 'mobil' og 'platform ” i forhold til webbrowseren.
Lad os have et program til at se den praktiske demonstration:
< legeme >< h1 stil = 'farve: kadetblå;' > Linux < / h1 >< knap onclick = 'brands()' > Hent mærker < / knap >
< knap onclick = 'mobil()' > Hent mobil < / knap >
< knap onclick = 'platform()' > Hent mærker < / knap >
< manuskript >
function brands(){
console.log( navigator.userAgentData.brands )
}
function mobile(){
console.log('Du ser på mobil: ' + navigator.userAgentData.mobile)
}
function platform(){
console.log('Platformen eller operativsystemet du bruger:\n ' + navigator.userAgentData.platform)
}
< / manuskript >
< / legeme >
Beskrivelsen af koden vist i ovenstående kodeblok er som følger:
- Først tre '< knap >' tags bruges, der kalder ' brands()”, “mobil()” og “platform() ” specialbyggede funktioner ved hjælp af “onclick”-hændelseslytteren.
- Inde i '< manuskript >' tag, skal du definere ' mærker ()'-funktion, som henter webbrowser-brandoplysninger ved hjælp af egenskaben 'navigator.userAgentData.brands'. Vis også resultatet hentet af denne egenskab over konsollen.
- På samme måde skal du definere ' mobile()' og 'platform() '-funktioner og bruge ' navigator.userAgentData.mobile' og 'navigator.userAgentData.platform ” ejendomme hhv.
- Disse egenskaber returnerer de tilsvarende data over konsollen.
Det endelige resultat ser således ud:
Outputtet viser, at ved at klikke på knappen bliver den tilsvarende værdi hentet og vist over konsolvinduet.
Bonustip: Brug af Navigator userAgent-egenskab
Det ' userAgent ” ejendom leveres også af ” navigator ”-objekt, returnerer det navnet, versionen og platformen for den aktuelle browser, som bliver brugt af brugeren. Den praktiske demonstration af denne navigatoregenskab er angivet nedenfor:
< legeme >< h1 stil = 'farve: kadetblå;' > Linuxhint < / h1 >
< knap onclick = 'browserData()' > Browserrelateret Data < / knap >
< s id = 'mål' >< / s >< manuskript >
funktion browserData ( ) { console.log ( navigator.userAgent ) }
< / manuskript >
< / legeme >
Ovenstående kode er beskrevet som:
- Først '< knap >' tag bruges sammen med ' onclick ” hændelseslytter, som kalder funktionen “browserData()”.
- Dernæst denne ' browserdata ()'-funktionen er defineret inde i '< manuskript >” tag. Denne funktion bruger ' navigator.userAgent ” egenskab, og resultatet vises over konsollen.
Forhåndsvisning af websiden efter færdiggørelsen af ovenstående kode:
Outputtet viser, at data relateret til webbrowseren er blevet hentet og vist over konsolvinduet.
Du har lært proceduren til at forstå egenskaben navigator userAgentData.
Konklusion
Det ' navigator.userAgentData ”-egenskaben henter de browserspecifikke værdier, hvilket hjælper meget, når udviklere opretter applikationen specifikt til enkelte eller flere webbrowsere. Denne egenskab kan hente værdierne for ' mærker', 'mobil' og 'platform ”-strenge, varierer de returnerede værdier fra browser til browser. Snoren skal fastgøres ved siden af ' navigator.userAgentData ” egenskab for kun at returnere værdien for denne streng. Denne blog har med succes forklaret processen med at bruge egenskaben navigator.userAgentData i JavaScript.