Ta blog bo razložil pristope za pridobivanje uporabniških agentov v JavaScriptu.
Kako pridobiti uporabniški agent v JavaScriptu?
' uporabniški agent Lastnost podaja glavo uporabniškega agenta, ki ga brskalnik pošlje strežniku. Uporabniškega agenta je mogoče pridobiti z uporabo ' uporabniški agent ” nepremičnine v različnih scenarijih. Ti scenariji so naslednji:
Primer 1: Pridobite uporabniškega agenta v JavaScriptu z uporabo uporabniško določene funkcije
Ta poseben primer je mogoče uporabiti za pridobivanje uporabniškega agenta dveh različnih brskalnikov s pomočjo uporabniško definirane funkcije.
Oglejmo si naslednji delček kode:
< h3 > Pridobite uporabniškega agenta v JavaScript h3 >
< gumb na klik = 'userAgent()' > Kliknite za dobiti Uporabniški agent gumb >
< h3 id = 'ponovno' stil = 'barva-ozadje: svetlomodra;' > h3 >
V zgornji kodi:
- V prvem koraku vključite navedeni naslov.
- Nato ustvarite gumb s priloženim » onclick ” dogodek, ki prikliče uporabniško definirano funkcijo userAgent().
- V naslednjem koraku vključite naslov z navedenim » id ', da bi vseboval rezultat ' uporabniški agent ”.
Nadaljujmo z delom kode JavaScript:
funkcijo uporabniški agent ( ) {pustiti dobiti = navigator. uporabniški agent ;
dokument. getElementById ( 'ponovno' ) . notranjiHTML = 'Uporabniški agent je: ' + dobiti ;
}
V zgornji kodi js izvedite naslednje korake:
- Deklarirajte funkcijo z imenom ' uporabniški agent() ”.
- V njegovi definiciji uporabite ' uporabniški agent ”, ki bo vrnil informacije o imenu brskalnika, različici itd.
Izhod (za brskalnik Chrome)
Izhod (za brskalnik Microsoft Edge)
Iz zgornjih rezultatov je mogoče opaziti razliko uporabniškega agenta v obeh brskalnikih.
Primer 2: Pridobite uporabniškega agenta v JavaScriptu z uporabo izjav Switch
' stikalo ” se uporablja za uporabo različnih pogojev za dejanja. Ta stavek se lahko uporabi za uporabo preverjanja v različnih brskalnikih, da se vrne ustrezen uporabniški agent.
Sintaksa
vrvica. indeks ( Iskanje , začetek )V podani sintaksi:
- “ Iskanje ” se nanaša na niz, ki ga je treba preiskati.
- “ začetek ” označuje začetni položaj.
Primer
Pojdimo na naslednji primer.
V naslednjem primeru izvedite naslednje korake:
- Vključi » naslov ”, ki vsebuje nastalo sporočilo.
- Ustvarite funkcijo in uporabite » stikalo ” izjava z navedenim “ logično ” kot njegov parameter.
- V njegovi definiciji uporabite kljukico za navedeno ' brskalniki ' z obravnavanjem izjeme ' -1 ” tj. vrednosti ni bilo mogoče najti.
- Uporabite tudi ' indeks() ” za preverjanje vsebovanega niza v njegovem parametru v nastalem uporabniškem agentu. Ta pogoj bo povzročil konfiguracijo ustreznega brskalnika.
- Po tem uporabite » uporabniški agent ' lastnina skupaj z ' toLowerCase() ”, da pridobite uporabniškega agenta ustreznega brskalnika in ga pretvorite v male črke.
- Na koncu uporabite ' innerText ” za prikaz ustreznega imena brskalnika skupaj z njegovim uporabniškim agentom.
< h3 > h3 >
telo >
- 1 :
vrnitev 'MS Edge' ;
Ovitek agent. indeks ( 'edg/' ) > - 1 :
vrnitev 'Edge (na osnovi kroma)' ;
Ovitek agent. indeks ( 'opr' ) > - 1 && !! okno. opr :
vrnitev 'Opera' ;
Ovitek agent. indeks ( 'krom' ) > - 1 && !! okno. krom :
vrnitev 'Chrome' ;
Ovitek agent. indeks ( 'safari' ) > - 1 :
vrnitev 'Safari' ;
privzeto : vrnitev 'drugo' ;
} } )
( okno. navigator . uporabniški agent . toLowerCase ( ) ) ;
dokument. querySelector ( 'h3' ) . innerText = 'Uporabljate' + ime brskalnika + 'brskalnik' ;
konzola. dnevnik ( okno. navigator . uporabniški agent . toLowerCase ( ) ) ;
scenarij >
Izhod (za brskalnik Chrome)
Izhod (za brskalnik Microsoft Edge)
V zgornjih rezultatih je razvidno, da sta zaznana oba brskalnika skupaj s svojimi uporabniškimi agenti.
Razpravljali smo o vseh priročnih pristopih za pridobitev uporabniškega agenta v JavaScriptu.
Zaključek
' uporabniški agent ' je mogoče pridobiti za različne brskalnike s pomočjo ' uporabnik definiran « kot tudi » stikalo ” v JavaScriptu. Prejšnji primer je preprost in ga je mogoče implementirati za pridobitev uporabniškega agenta ustreznega brskalnika in ga vrniti kot naslov. Slednji pristop obravnava več brskalnikov na podlagi vsebovane vrednosti niza v njih in vrne uporabniškega agenta ustreznega brskalnika. Ta zapis pojasnjuje, kako pridobiti uporabniškega agenta v JavaScriptu.