Navigator je objekt, ki ponuja različne lastnosti za pridobivanje trenutnih funkcij spletnega brskalnika in lastnosti, ki pomagajo razvijalcem pri izbiri pravega brskalnika za njihovo aplikacijo. Ta ' Navigator ” ponuja lastnost z imenom “userAgentData”, ki zagotavlja podatke, povezane s trenutnim spletnim brskalnikom, kot je zasnova uporabniškega vmesnika, velikosti pisave ali interakcije, da bolje ustrezajo uporabnikovemu okolju. Obstaja veliko drugih lastnosti, ki jih zagotavlja objekt navigatorja, ki so na kratko obravnavani v našem člen1 in člen2 .
Ta blog bo razložil lastnost objekta Navigator userAgentData v JavaScriptu.
Kako razumeti lastnost Navigator userAgentData?
Informacije, ki jih je posredoval “ userAgentData ” Lastnost razvijalcem omogoča iskanje po različnih okoljih brskalnika in prepoznavanje morebitnih težav, ki bi se lahko pojavile na določenih platformah. Dostopen je prek » Navigator ” predmet. Vrednosti za lastnosti ' blagovne znamke«, »mobilno« in »platforma « je mogoče pridobiti z uporabo » userAgentData ” lastnost objekta Navigator.
Sintaksa
Navigator' userAgentData Lastnost ima naslednjo sintakso:
navigator. userAgentData
Zgornja sintaksa vrne vrednosti za lastnosti, kot je ' blagovne znamke«, »mobilno« in »platforma ” glede na spletni brskalnik.
Za ogled praktične predstavitve imamo program:
< telo >< h1 stil = 'barva: kadetsko modra;' > Linux < / h1 >< gumb onclick = 'blagovne znamke()' > Pridobite blagovne znamke < / gumb >
< gumb onclick = 'mobilno()' > Pridobi mobilni telefon < / gumb >
< gumb onclick = 'platforma()' > Pridobite blagovne znamke < / gumb >
< scenarij >
funkcija brands(){
console.log(navigator.userAgentData.brands)
}
funkcija mobile(){
console.log('Ogledujete si na mobilni napravi: ' + navigator.userAgentData.mobile)
}
funkcija platforma(){
console.log('Platforma ali operacijski sistem, ki ga uporabljate:\n ' + navigator.userAgentData.platform)
}
< / scenarij >
< / telo >
Opis kode, prikazane v zgornjem kodnem bloku, je naslednji:
- Najprej trije “< gumb >« se uporabljajo oznake, ki kličejo » brands()', 'mobile()' in 'platform() ” prilagojene funkcije z uporabo poslušalca dogodkov “onclick”.
- Znotraj »< scenarij >«, določite » blagovne znamke ()«, ki pridobi informacije o blagovni znamki spletnega brskalnika z uporabo lastnosti »navigator.userAgentData.brands«. Na konzoli prikažite tudi rezultat, ki ga pridobi ta lastnost.
- Na enak način definirajte » mobile()' in 'platform() ' in uporabite ' navigator.userAgentData.mobile' in 'navigator.userAgentData.platform ” lastnosti oz.
- Te lastnosti vrnejo ustrezne podatke prek konzole.
Končni rezultat je videti takole:
Izhod kaže, da se s klikom na gumb pridobi ustrezna vrednost in prikaže v oknu konzole.
Dodatni nasvet: uporaba lastnosti Navigator userAgent
' uporabniški agent ” lastnino zagotavlja tudi “ navigator ”, vrne ime, različico in platformo za trenutni brskalnik, ki ga uporablja uporabnik. Praktična predstavitev te lastnosti navigatorja je navedena spodaj:
< telo >< h1 stil = 'barva: kadetsko modra;' > Linuxhint < / h1 >
< gumb onclick = 'browserData()' > Povezano z brskalnikom podatki < / gumb >
< str id = 'tarča' >< / str >< scenarij >
funkcija browserData ( ) { console.log ( navigator.userAgent ) }
< / scenarij >
< / telo >
Zgornja koda je opisana kot:
- Prvič, »< gumb >' se uporablja oznaka ' onclick ” poslušalec dogodkov, ki kliče funkcijo “browserData()”.
- Naprej, ta ' browserData ()« je definirana znotraj »< scenarij >”. Ta funkcija uporablja ' navigator.userAgent ” in rezultat se prikaže na konzoli.
Predogled spletne strani po zaključku zgornje kode:
Izhod kaže, da so bili podatki, povezani s spletnim brskalnikom, pridobljeni in prikazani v oknu konzole.
Naučili ste se postopka za razumevanje lastnosti userAgentData navigatorja.
Zaključek
' navigator.userAgentData ” lastnost pridobi vrednosti, specifične za brskalnik, kar zelo pomaga, ko razvijalci ustvarjajo aplikacijo posebej za enega ali več spletnih brskalnikov. Ta lastnost lahko pridobi vrednosti za ' blagovne znamke«, »mobilno« in »platforma ” vrnjene vrednosti se razlikujejo od brskalnika do brskalnika. Niz mora biti pripet zraven » navigator.userAgentData ” za vrnitev vrednosti samo za ta niz. Ta spletni dnevnik je uspešno razložil postopek uporabe lastnosti navigator.userAgentData v JavaScriptu.