Denne bloggen vil forklare tilnærmingene for å få brukeragenter i JavaScript.
Hvordan få en brukeragent i JavaScript?
« bruker agent ”-egenskapen gir overskriften til brukeragenten som sendes til serveren av nettleseren. Brukeragent kan hentes ved å bruke ' bruker agent ” eiendom i ulike scenarier. Disse scenariene er som følger:
Eksempel 1: Få brukeragent i JavaScript ved å bruke brukerdefinert funksjon
Dette spesielle eksemplet kan brukes for å få brukeragenten til to forskjellige nettlesere ved hjelp av en brukerdefinert funksjon.
La oss ta en titt på følgende kodebit:
< h3 > Skaff brukeragent i JavaScript h3 >
< knappen ved å klikke = 'bruker agent()' > Klikk for å få Bruker agent knapp >
< h3 id = 'en gang til' stil = 'bakgrunnsfarge: lyseblå;' > h3 >
I koden ovenfor:
- I det første trinnet inkluderer du den angitte overskriften.
- Etter det, lag en knapp med en vedlagt ' ved trykk ” hendelse som påkaller den brukerdefinerte funksjonen userAgent().
- I neste trinn inkluderer overskriften med spesifisert ' id ' for å inneholde den resulterende ' bruker agent '.
La oss fortsette til JavaScript-delen av koden:
funksjon bruker agent ( ) {la få = navigator. bruker agent ;
dokument. getElementById ( 'en gang til' ) . indreHTML = 'Brukeragent er: ' + få ;
}
Utfør følgende trinn i js-koden ovenfor:
- Erklær en funksjon kalt ' bruker agent() '.
- I sin definisjon, bruk ' bruker agent ” egenskap som vil returnere informasjonen om navnet på nettleseren, versjonen osv.
Utdata (for Chrome-nettleseren)
Utdata (for Microsoft Edge-nettleseren)
Fra utgangene ovenfor kan forskjellen mellom brukeragent i begge nettleseren observeres.
Eksempel 2: Få User Agent i JavaScript ved å bruke Switch-uttalelser
« bytte om ”-uttalelse brukes til å bruke ulike forhold på handlingene. Denne erklæringen kan brukes til å bruke en sjekk på ulike nettlesere for å returnere den tilsvarende brukeragenten.
Syntaks
streng. oversikt over ( Søk , start )I den gitte syntaksen:
- ' Søk ' refererer til strengen som skal søkes i.
- ' start ” indikerer startposisjonen.
Eksempel
La oss gå videre til følgende eksempel.
I følgende eksempel, utfør følgende trinn:
- Ta med ' overskrift ' for å inneholde den resulterende meldingen.
- Opprett en funksjon og bruk ' bytte om ' uttalelse med spesifisert ' boolsk ”-verdi som parameter.
- I sin definisjon, bruk en sjekk på det oppgitte ' nettlesere ' ved å håndtere unntaket av ' -1 'dvs ingen verdi funnet.
- Bruk også ' oversikt over() ”-metoden for å sjekke den inneholdte strengen i parameteren i den resulterende brukeragenten. Denne tilstanden vil resultere i konfigurering av den tilsvarende nettleseren.
- Etter det bruker du ' bruker agent ' eiendom sammen med ' toLowerCase() ” metode for å hente brukeragenten til den tilsvarende nettleseren og transformere den til små bokstaver.
- Til slutt bruker du ' indreTekst ”-egenskap for å vise det tilsvarende nettlesernavnet sammen med brukeragenten.
< h3 > h3 >
kropp >
- 1 :
komme tilbake 'MS Edge' ;
sak middel. oversikt over ( 'kant/' ) > - 1 :
komme tilbake 'Edge (krombasert)' ;
sak middel. oversikt over ( 'opr' ) > - 1 && !! vindu. opr :
komme tilbake 'Opera' ;
sak middel. oversikt over ( 'krom' ) > - 1 && !! vindu. krom :
komme tilbake 'Chrome' ;
sak middel. oversikt over ( 'safari' ) > - 1 :
komme tilbake 'Safari' ;
misligholde : komme tilbake 'annen' ;
} } )
( vindu. navigator . bruker agent . til LowerCase ( ) ) ;
dokument. querySelector ( 'h3' ) . indreTekst = 'Du bruker ' + nettlesernavn + ' nettleser' ;
konsoll. Logg ( vindu. navigator . bruker agent . til LowerCase ( ) ) ;
manus >
Utdata (for Chrome-nettleseren)
Utdata (for Microsoft Edge-nettleseren)
I utgangene ovenfor er det tydelig at begge nettleserne blir oppdaget sammen med deres brukeragenter.
Alle praktiske tilnærminger har blitt diskutert for å få brukeragent i JavaScript.
Konklusjon
« bruker agent ' kan hentes for ulike nettlesere ved hjelp av ' brukerdefinert '-funksjonen samt ' bytte om ' uttalelse i JavaScript. Det tidligere eksemplet er enkelt og kan implementeres for å hente brukeragenten til den tilsvarende nettleseren og returnere den som en overskrift. Sistnevnte tilnærming håndterer flere nettlesere basert på den inneholdte strengverdien i dem og returnerer brukeragenten til den tilsvarende nettleseren. Denne artikkelen forklarer hvordan du får en brukeragent i JavaScript.