Objeto Navigator de BOM

Contenido del Bootcamp Dirigido por: | Última modificación: 8 de abril de 2024 | Tiempo de Lectura: 2 minutos

Algunos de nuestros reconocimientos:

Premios KeepCoding

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!

Posts más leídos

¡CONVOCATORIA ABIERTA!

Desarrollo Web

Full Stack Bootcamp

Clases en Directo | Profesores en Activo | Temario 100% actualizado