Objeto Navigator de BOM

Autor: | Última modificación: 17 de octubre de 2022 | Tiempo de Lectura: 2 minutos
Temas en este post:

El mundo del desarrollo web tiene un aspecto muy amplio y fundamental: el navegador. Para acceder y modificar las propiedades y acciones de este, tenemos el Browser Object Model o BOM. En este post, te enseñaremos qué es y cómo funciona el objeto navigator de BOM, uno de los apartados que nos permiten acceder a los datos del navegador.

¿Qué es el objeto navigator de BOM?

En nuestro post sobre el Browser Object Model te explicamos que este concepto es representado por el objeto window de BOM. De este se despliegan una serie de objetos o apartados que tienen, a su vez, métodos y propiedades específicas. El objeto Navigator de BOM, también conocido como una API o interfaz, es uno de estos apartados, acompañado de history, location, screen y document.

El objeto navigator de BOM pone a nuestra disposición un montón de información sobre el navegador que estamos usando. Dentro de este objeto encontramos muchísimos métodos y propiedades y, a continuación, te enseñaremos algunos.

¿Qué encontramos en el objeto navigator de BOM?

Hay dos opciones para revisar lo que encontramos en el objeto navigator de BOM. Una de ellas es revisar la documentación de la página oficial de la MDN sobre navigator, donde encontrarás un listado de las propiedades y métodos de este objeto. Otra de las opciones es insertar window.navigator en nuestro código y revisar la respuesta. Allí verás que este objeto es una API muy grande con decenas de datos a los que podemos tener acceso desde nuestro código JavaScript.

Entre los datos que encontramos en el objeto navigator de BOM están el nombre código del navegador (appCodeName), la versión (appVersion), sus lenguajes, (language), los permisos que tiene (permissions), si el navegador está en línea o no (OnLine.onLine) y la cadena de agente de usuario (useAgent), entre otros.

Además, con el objeto navigator de BOM podemos acceder a información sobre el dispositivo en el que se consulta el navegador. Entre estos datos se encuentran el estado de carga de batería (battery), la conexión de red (information.connection) y la ubicación del dispositivo, (Geolocation.geoloaction).

Aunque el objeto navigator no tiene tantos métodos como los métodos del objeto window, tiene varios que nos permiten pedir datos al usuario y su dispositivo. Uno de ellos es sendBeacon ( ), que nos permite transferir de forma asíncrona datos del usuario al servidor. Otro de sus métodos, vibrate(), nos permite hacer vibrar el dispositivo en el que se consulta el navegador.

¿Qué sigue?

Ahora que sabes qué es y cómo funciona el objeto navigator de BOM, seguro que quieres seguir aprendiendo sobre el mundo del desarrollo web. Por ello, te recomendamos nuestro Desarrollo Web Full Stack Bootcamp, un espacio de formación intensiva donde aprenderás a dominar lenguajes y herramientas fundamentales, como son JavaScript, HTML, CSS y JSX. ¡No te lo pierdas y apúntate!

👉 Descubre más del Desarrollo Web Full Stack Bootcamp ¡Descarga el temario!

👉 Prueba el Bootcamp Gratis por una Semana ¡Empieza ahora mismo!

👉 Conoce nuestros otros Bootcamps en Programación y Tecnología

[email protected]

¿Trabajo? Aprende a programar y consíguelo.

¡No te pierdas la próxima edición del Aprende a Programar desde Cero Full Stack Jr. Bootcamp!

 

Prepárate en 4 meses, aprende las últimas tecnologías y consigue trabajo desde ya. 

 

Solo en España hay más de 120.400 puestos tech sin cubrir, y con un sueldo 11.000€ por encima de la media nacional. ¡Es tu momento!

 

🗓️ Próxima edición: 13 de febrero

 

Reserva tu plaza descubre las becas disponibles.

¿Sabías que hay más de 40.000 vacantes para desarrolladores web sin cubrir en España? 

En KeepCoding llevamos desde 2012 guiando personas como tú a áreas de alta empleabilidad y alto potencial de crecimiento en IT con formación de máxima calidad.

 

Porque creemos que un buen trabajo es fuente de libertad, independencia, crecimiento y eso ¡cambia historias de vida!


¡Da el primer paso!