Ovaj će blog objasniti pristupe dobivanju korisničkih agenata u JavaScriptu.
Kako dobiti korisnički agent u JavaScriptu?
' korisnički agent ” svojstvo daje zaglavlje korisničkog agenta koje preglednik šalje poslužitelju. Korisnički agent može se dohvatiti pomoću ' korisnički agent ” imovine u različitim scenarijima. Ovi scenariji su sljedeći:
Primjer 1: Dohvaćanje korisničkog agenta u JavaScriptu pomoću korisnički definirane funkcije
Ovaj primjer može se primijeniti za dobivanje korisničkog agenta dvaju različitih preglednika uz pomoć korisnički definirane funkcije.
Pogledajmo sljedeći isječak koda:
< h3 > Nabavite korisničkog agenta u JavaScript h3 >
< gumb na klik = 'korisnički agent()' > Kliknite za dobiti Korisnički agent dugme >
< h3 id = 'opet' stil = 'boja-pozadine: svijetloplava;' > h3 >
U gornjem kodu:
- U prvom koraku uključite navedeni naslov.
- Nakon toga izradite gumb s priloženim ' na klik ” događaj koji poziva korisnički definiranu funkciju userAgent().
- U sljedećem koraku uključite naslov s navedenim ' iskaznica ' kako bi sadržavao rezultantu ' korisnički agent ”.
Nastavimo s JavaScript dijelom koda:
funkcija korisnički agent ( ) {neka dobiti = navigator. korisnički agent ;
dokument. getElementById ( 'opet' ) . unutarnjiHTML = 'Korisnički agent je: ' + dobiti ;
}
U gornjem js kodu izvršite sljedeće korake:
- Deklarirajte funkciju pod nazivom ' korisnički agent() ”.
- U njegovoj definiciji primijenite ' korisnički agent ” svojstvo koje će vratiti informacije o nazivu preglednika, verziji itd.
Izlaz (za preglednik Chrome)
Izlaz (za preglednik Microsoft Edge)
Iz gornjih rezultata može se uočiti razlika korisničkog agenta u oba preglednika.
Primjer 2: Dohvaćanje korisničkog agenta u JavaScriptu pomoću naredbi Switch
' sklopka ” naredba se koristi za primjenu raznih uvjeta na akcije. Ova se izjava može primijeniti za primjenu provjere na različitim preglednicima kako bi se vratio odgovarajući korisnički agent.
Sintaksa
niz. indexOf ( traži , početak )U navedenoj sintaksi:
- “ traži ” odnosi se na niz koji treba pretraživati.
- “ početak ” označava početni položaj.
Primjer
Prijeđimo na sljedeći primjer.
U sljedećem primjeru izvršite sljedeće korake:
- Uključi ' naslov ” da sadrži rezultirajuću poruku.
- Napravite funkciju i primijenite ' sklopka ” izjava s navedenim “ Booleov ” kao svoj parametar.
- U njegovoj definiciji primijenite provjeru navedenog ' preglednici ' rukovanjem iznimkom ' -1 ” tj. nije pronađena vrijednost.
- Također, primijenite ' indexOf() ” za provjeru sadržanog niza u njegovom parametru u rezultirajućem korisničkom agentu. Ovaj će uvjet rezultirati konfiguracijom odgovarajućeg preglednika.
- Nakon toga primijenite ' korisnički agent ' svojstvo zajedno s ' malim slovima() ” za dobivanje korisničkog agenta odgovarajućeg preglednika i pretvaranje u mala slova.
- Na kraju primijenite ' unutarnjiTekst ” za prikaz odgovarajućeg naziva preglednika zajedno s njegovim korisničkim agentom.
< h3 > h3 >
tijelo >
- 1 :
povratak 'MS Edge' ;
slučaj agent. indexOf ( 'rub/' ) > - 1 :
povratak 'Edge (na bazi kroma)' ;
slučaj agent. indexOf ( 'opr' ) > - 1 && !! prozor. opr :
povratak 'Opera' ;
slučaj agent. indexOf ( 'krom' ) > - 1 && !! prozor. krom :
povratak 'Krom' ;
slučaj agent. indexOf ( 'safari' ) > - 1 :
povratak 'Safari' ;
zadano : povratak 'ostalo' ;
} } )
( prozor. navigator . korisnički agent . malim slovima ( ) ) ;
dokument. querySelector ( 'h3' ) . unutarnjiTekst = 'Vi koristite' + naziv preglednika + 'preglednik' ;
konzola. log ( prozor. navigator . korisnički agent . malim slovima ( ) ) ;
skripta >
Izlaz (za preglednik Chrome)
Izlaz (za preglednik Microsoft Edge)
U gornjim rezultatima vidljivo je da su otkrivena oba preglednika zajedno sa svojim korisničkim agentima.
Raspravljalo se o svim praktičnim pristupima za dobivanje korisničkog agenta u JavaScriptu.
Zaključak
' korisnički agent ” može se dohvatiti za različite preglednike uz pomoć „ korisnik definiran ' kao i ' sklopka ” iskaz u JavaScriptu. Prethodni primjer je jednostavan i može se implementirati da dobije korisnički agent odgovarajućeg preglednika i vrati ga kao naslov. Potonji pristup rukuje s više preglednika na temelju sadržane vrijednosti niza u njima i vraća korisnički agent odgovarajućeg preglednika. Ovaj tekst objašnjava kako dobiti korisnički agent u JavaScriptu.