Cómo obtener el agente de usuario en JavaScript

Obtener un agente de usuario en JavaScript es muy útil ya que recupera contenido web para usuarios finales. Además, también se puede utilizar para transferir información sobre el dispositivo que solicita una red a fondo. Además de eso, cambiar el agente de usuarios también brinda protección contra el malware específico de destino. En tales casos, obtener el agente de usuario en JavaScript es muy útil.

Este blog explicará los enfoques para obtener agentes de usuarios en JavaScript.

Cómo conseguir un agente de usuario en JavaScript?

El "agente de usuarioLa propiedad ofrece el encabezado del agente de usuario que el navegador envía al servidor. El agente de usuarios se puede obtener utilizando el "agente de usuario"Propiedad en diferentes escenarios. Estos escenarios son los siguientes:

Ejemplo 1: Obtener agente de usuario en JavaScript utilizando la función definida por el usuario
Este ejemplo particular se puede aplicar para obtener el agente de usuarios de dos navegadores diferentes con la ayuda de una función definida por el usuario.

Echemos un vistazo al siguiente código-snippet:

Obtener agente de usuario en JavaScript

Haga clic para obtener el agente de usuario

En el código anterior:

• En el primer paso, incluya el encabezado declarado.
• Después de eso, cree un botón con un adjunto "al hacer clic"Evento invocar la función definida por el usuario userAgent ().
• En el siguiente paso, incluya el encabezado con el especificado "identificación"Para contener el resultante"agente de usuario".

Continuemos a la parte de JavaScript del código:

función userAgent ()
Deje obtener = navegador.agente de usuario;
documento.getElementById ("usag").innerhtml = "User-agent es:" + get;

En el código JS anterior, realice los siguientes pasos:

• Declarar una función llamada "agente de usuario()".
• En su definición, aplique el "agente de usuarioPropiedad que devolverá la información sobre el nombre del navegador, la versión, etc.

Salida (para el navegador Chrome)

Salida (para el navegador Microsoft Edge)

De las salidas anteriores, se puede observar la diferencia de agente de usuario en ambos del navegador.

Ejemplo 2: Obtener agente de usuario en JavaScript usando declaraciones de conmutación
El "cambiar"La declaración se utiliza para aplicar varias condiciones sobre las acciones. Esta declaración se puede aplicar para aplicar un control sobre varios navegadores para devolver el agente de usuario correspondiente.

Sintaxis

cadena.índicef (búsqueda, inicio)

En la sintaxis dada:

• "buscar"Se refiere a la cadena a buscar.
• "comenzar"Indica la posición de inicio.

Ejemplo
Pasemos al siguiente ejemplo.

En el siguiente ejemplo, realice los siguientes pasos:

• Incluir la "título"Para contener el mensaje resultante.
• Crear una función y aplicar el "cambiar"Declaración con el especificado"booleano"Valor como parámetro.
• En su definición, aplique un cheque en el indicado "navegadores"Al manejar la excepción de"-1" i.E no se encontró valor.
• Además, aplique el "índice de()Método "para verificar la cadena contenida en su parámetro en el agente de usuario resultante. Esta condición dará como resultado la configuración del navegador correspondiente.
• Después de eso, aplique el "agente de usuario"Propiedad junto con el"tolowercase ()Método para obtener el agente de usuario del navegador correspondiente y transformarlo en minúsculas.
• Finalmente, aplique el "intextoPropiedad para mostrar el nombre del navegador correspondiente junto con su agente de usuario.

-1:
devolver "MS Edge";
agente de casos.indexOf ("edg/")> -1:
return "Edge (basado en cromo)";
agente de casos.indexOf ("OPR")> -1 && !!ventana.OPR:
devolver "ópera";
agente de casos.indexOf ("Chrome")> -1 && !!ventana.cromo:
regresar "Chrome";
agente de casos.indexOf ("safari")> -1:
regresar "safari";
Valor predeterminado: devolver "otro";
)
(ventana.navegador.agente de usuario.tolowercase ());
documento.QuerySelector ("H3").inntext = "Estás usando" + BrowserName + "Browser";
consola.Registro (ventana.navegador.agente de usuario.tolowercase ());

Salida (para el navegador Chrome)

Salida (para el navegador Microsoft Edge)

En las salidas anteriores, es evidente que ambos navegadores se detectan junto con sus agentes de usuario.

Se han discutido todos los enfoques convenientes para obtener el agente de usuarios en JavaScript.

Conclusión

El "agente de usuario"Se puede obtener para varios navegadores con la ayuda de"usuario definido"Funciona así como el"cambiar"Declaración en JavaScript. El ejemplo anterior es simple y se puede implementar para obtener el agente de usuario del navegador correspondiente y devolverlo como un encabezado. El último enfoque maneja múltiples navegadores basados ​​en el valor de cadena contenido en ellos y devuelve el agente de usuario del navegador correspondiente. Este artículo explica cómo obtener un agente de usuarios en JavaScript.