Navigator es un objeto que proporciona varias propiedades para recuperar las características actuales del navegador web y propiedades que ayudan a los desarrolladores a elegir el navegador adecuado para su aplicación. Este ' Navegador El objeto ofrece una propiedad llamada 'userAgentData' que proporciona datos relacionados con el navegador web actual, como el diseño de la interfaz de usuario, los tamaños de fuente o las interacciones para adaptarse mejor al entorno del usuario. Hay muchas otras propiedades proporcionadas por el objeto navegador que se analizan brevemente en nuestro Articulo 1 y Artículo 2 .
Este blog explicará la propiedad userAgentData del objeto Navigator en JavaScript.
¿Cómo comprender la propiedad userAgentData de Navigator?
La información proporcionada por el “ usuarioAgenteDatos La propiedad ”permite a los desarrolladores buscar diferentes entornos de navegador e identificar cualquier problema que pueda surgir en plataformas específicas. Es accesible a través del “ Navegador ' objeto. Los valores de las propiedades “ marcas”, “móvil” y “plataforma ”se puede recuperar usando el botón “ usuarioAgenteDatos ”Propiedad del objeto Navegador.
Sintaxis
El navegante” usuarioAgenteDatos La propiedad 'tiene la siguiente sintaxis:
navegador. usuarioAgenteDatos
La sintaxis anterior devuelve los valores que contienen propiedades como ' marcas”, “móvil” y “plataforma ”en relación con el navegador web.
Tengamos un programa para ver la demostración práctica:
< cuerpo >< h1 estilo = 'color: azul cadete;' > linux < / h1 >< botón al hacer clic = 'marcas()' > Recuperar marcas < / botón >
< botón al hacer clic = 'móvil()' > Recuperar móvil < / botón >
< botón al hacer clic = 'plataforma()' > Recuperar marcas < / botón >
< guion >
marcas de función(){
console.log(navigator.userAgentData.marcas)
}
función móvil(){
console.log('Estás viendo en el móvil: ' + navigator.userAgentData.mobile)
}
plataforma de funciones(){
console.log('La plataforma o sistema operativo que está utilizando:\n ' + navigator.userAgentData.platform)
}
< / guion >
< / cuerpo >
La descripción del código que se muestra en el bloque de código anterior es la siguiente:
- Primero, tres “< botón >” se utilizan etiquetas que llaman al “ marcas()”, “móvil()” y “plataforma()” ”Funciones personalizadas que utilizan el detector de eventos “onclick”.
- Dentro del “< guion >”, defina la etiqueta “ marcas ()” que recupera información de la marca del navegador web utilizando la propiedad “navigator.userAgentData.brands”. Además, muestre el resultado recuperado por esta propiedad en la consola.
- De la misma manera, defina el “ móvil()” y “plataforma() ' funciones y utilizar el ' navigator.userAgentData.mobile” y “navigator.userAgentData.platform ”propiedades respectivamente.
- Estas propiedades devuelven los datos correspondientes a través de la consola.
El resultado final aparece así:
El resultado muestra que al hacer clic en el botón, el valor correspondiente se recupera y se muestra en la ventana de la consola.
Consejo adicional: uso de la propiedad userAgent de Navigator
El ' agente de usuario 'La propiedad también es proporcionada por el' navegador ”, devuelve el nombre, la versión y la plataforma del navegador actual que está utilizando el usuario. La demostración práctica de esta propiedad del navegador se detalla a continuación:
< cuerpo >< h1 estilo = 'color: azul cadete;' > sugerencia de Linux < / h1 >
< botón al hacer clic = 'datos del navegador()' > Relacionados con el navegador Datos < / botón >
< pag identificación = 'objetivo' >< / pag >< guion >
función navegadorDatos ( ) { consola.log ( navegador.userAgent ) }
< / guion >
< / cuerpo >
El código anterior se describe como:
- Primero, el “< botón >” la etiqueta se utiliza junto con el “ al hacer clic ” detector de eventos que llama a la función “browserData()”.
- A continuación, este “ navegadorDatos ()” se define dentro del “< guion >”etiqueta. Esta función utiliza el “ navegador.userAgent ”Propiedad y el resultado se muestra en la consola.
Vista previa de la página web después de completar el código anterior:
El resultado muestra que los datos relacionados con el navegador web se recuperaron y se muestran en la ventana de la consola.
Ha aprendido el procedimiento para comprender la propiedad userAgentData del navegador.
Conclusión
El ' navegador.userAgentData La propiedad 'recupera los valores específicos del navegador, lo que ayuda mucho cuando los desarrolladores crean la aplicación específicamente para uno o varios navegadores web. Esta propiedad puede recuperar los valores de ' marcas”, “móvil” y “plataforma ”, los valores devueltos varían de un navegador a otro. La cuerda debe colocarse al lado del ' navegador.userAgentData ”Propiedad para devolver el valor solo para esa cadena. Este blog ha explicado con éxito el proceso para utilizar la propiedad navigator.userAgentData en JavaScript.