Aquest bloc explicarà els enfocaments per aconseguir agents d'usuari en JavaScript.
Com obtenir un agent d'usuari en JavaScript?
El ' userAgent ” La propietat proporciona la capçalera de l'agent d'usuari que el navegador envia al servidor. L'agent d'usuari es pot obtenir mitjançant el ' userAgent ” propietat en diferents escenaris. Aquests escenaris són els següents:
Exemple 1: Obteniu l'agent d'usuari a JavaScript mitjançant la funció definida per l'usuari
Aquest exemple particular es pot aplicar per obtenir l'agent d'usuari de dos navegadors diferents amb l'ajuda d'una funció definida per l'usuari.
Fem una ullada al següent fragment de codi:
< h3 > Obteniu l'agent d'usuari en JavaScript h3 >
< botó al fer clic = 'userAgent()' > Feu clic a aconseguir Agent d'usuari botó >
< h3 id = 'de nou' estil = 'color de fons: blau clar;' > h3 >
En el codi anterior:
- En el primer pas, inclou l'encapçalament indicat.
- Després d'això, creeu un botó amb un adjunt ' fent clic ” esdeveniment que invoca la funció definida per l'usuari userAgent().
- Al pas següent, incloeu l'encapçalament amb l'especificat ' id ' per contenir la resultant ' agent d'usuari ”.
Continuem amb la part JavaScript del codi:
funció userAgent ( ) {deixar aconseguir = navegador. userAgent ;
document. getElementById ( 'de nou' ) . innerHTML = 'L'agent d'usuari és:' + aconseguir ;
}
Al codi js anterior, realitzeu els passos següents:
- Declarar una funció anomenada ' userAgent() ”.
- En la seva definició, apliqueu el ' userAgent ” propietat que retornarà la informació sobre el nom del navegador, versió, etc.
Sortida (per al navegador Chrome)
Sortida (per al navegador Microsoft Edge)
A partir de les sortides anteriors, es pot observar la diferència de l'agent d'usuari en ambdós navegadors.
Exemple 2: obteniu l'agent d'usuari a JavaScript mitjançant declaracions Switch
El ' interruptor ” s'utilitza per aplicar diverses condicions a les accions. Aquesta declaració es pot aplicar per aplicar una comprovació a diversos navegadors per retornar l'agent d'usuari corresponent.
Sintaxi
corda. índex de ( cerca , començar )En la sintaxi donada:
- “ cerca ” fa referència a la cadena a cercar.
- “ començar ” indica la posició inicial.
Exemple
Passem a l'exemple següent.
A l'exemple següent, realitzeu els passos següents:
- Inclou el ' encapçalament ” per contenir el missatge resultant.
- Creeu una funció i apliqueu el ' interruptor ” declaració amb el “ especificat booleà ” com a paràmetre.
- En la seva definició, apliqueu un control sobre l'indicat ' navegadors ' gestionant l'excepció de ' -1 ', és a dir, no s'ha trobat cap valor.
- A més, apliqueu el ' índex de() ” mètode per comprovar la cadena continguda al seu paràmetre a l'agent d'usuari resultant. Aquesta condició donarà lloc a la configuració del navegador corresponent.
- Després d'això, apliqueu el ' userAgent » propietat juntament amb la « aMinúscules () ” mètode per obtenir l'agent d'usuari del navegador corresponent i transformar-lo a minúscules.
- Finalment, apliqueu el ' text interior ” per mostrar el nom del navegador corresponent juntament amb el seu agent d'usuari.
< h3 > h3 >
cos >
- 1 :
tornar 'MS Edge' ;
Caixa agent. índex de ( 'edg/' ) > - 1 :
tornar 'Edge (basat en crom)' ;
Caixa agent. índex de ( 'opr' ) > - 1 && !! finestra. opr :
tornar 'Òpera' ;
Caixa agent. índex de ( 'crom' ) > - 1 && !! finestra. cromat :
tornar 'Chrome' ;
Caixa agent. índex de ( 'safari' ) > - 1 :
tornar 'Safari' ;
per defecte : tornar 'altre' ;
} } )
( finestra. navegador . userAgent . aMinúscules ( ) ) ;
document. querySelector ( 'h3' ) . text interior = 'Estàs utilitzant' + browserName + ' navegador' ;
consola. registre ( finestra. navegador . userAgent . aMinúscules ( ) ) ;
guió >
Sortida (per al navegador Chrome)
Sortida (per al navegador Microsoft Edge)
A les sortides anteriors, és evident que els dos navegadors es detecten juntament amb els seus agents d'usuari.
S'han discutit tots els enfocaments convenients per obtenir l'agent d'usuari en JavaScript.
Conclusió
El ' agent d'usuari ' es pot obtenir per a diversos navegadors amb l'ajuda de ' usuari definit ” així com la funció “ interruptor ” declaració en JavaScript. L'exemple anterior és senzill i es pot implementar per obtenir l'agent d'usuari del navegador corresponent i tornar-lo com a encapçalament. Aquest últim enfocament gestiona diversos navegadors en funció del valor de cadena que hi conté i retorna l'agent d'usuari del navegador corresponent. Aquest escrit explica com obtenir un agent d'usuari en JavaScript.