¡Descubre cómo detectar el navegador de tus usuarios con JavaScript! En este artículo, aprenderás los fundamentos de la detección de navegador, herramientas útiles para llevarla a cabo, y cómo utilizar esta información para mejorar la experiencia de usuario en tu sitio web. ¡No te lo pierdas!
Si bien la mayor parte del código JavaScript que utiliza es compatible con los navegadores modernos, parte de su código JavaScript no funcionará con algunos navegadores, especialmente con las versiones anteriores.
Podemos usar el Objeto navegador para ayudarnos con este problema. El objeto Navigator contiene información sobre el navegador del visitante.
Conociendo Información específica sobre el navegador del usuario, podemos atender la sesión del usuario utilizando el código y la información apropiados. Si bien no existe un estándar público que se aplique al objeto del navegador, todos los principales navegadores lo admiten.
Propiedades del objeto del navegador
El Objeto navegador es creado por JavaScript en tiempo de ejecución y no al iniciarlo manualmente en el código JavaScript.
| Propiedad | Descripción | Comentarios |
|---|---|---|
appCodeName |
Devuelve el nombre en clave del navegador. | |
appName |
Devuelve el nombre del navegador. | |
appVersion |
Devuelve la información de la versión del navegador. | |
cookieEnabled |
Devuelve un valor booleano si las cookies están habilitadas en el navegador | |
language |
Devuelve el idioma predeterminado de la versión del navegador. | Solo NS y Firefox |
mimeTypes[] |
Una matriz de todos los tipos MIME admitidos por el cliente | Solo NS y Firefox |
platform |
Devuelve para qué plataforma está compilado el navegador | |
plugins[] |
Devuelve para qué plataforma está compilado el navegador | Solo NS y Firefox |
systemLanguage |
Devuelve el idioma predeterminado del sistema operativo | Solo es decir |
userAgent |
Devuelve el encabezado del agente de usuario enviado por el navegador al servidor | |
userLanguage |
Devuelve la configuración de idioma preferida del usuario | Solo es decir |
Métodos de objetos del navegador
El objeto Navigator tiene dos métodos que están disponibles para su uso.
| Método | Descripción | Comentarios |
|---|---|---|
javaEnabled() |
Devuelve un valor booleano tanto si el navegador tiene habilitado Java como si no. | |
taintEnabled() |
Devuelve un valor booleano tanto si el navegador tiene habilitada la contaminación de datos como si no. | Solo IE y Opera |
Ejemplo
<div id="browserInfo"></div>
<script type="text/javascript">
var x = "<p>CodeName: " + navigator.appCodeName + "</p>";
x += "<p>Name: " + navigator.appName + "</p>";
x += "<p>Version: " + navigator.appVersion + "</p>";
x += "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
x += "<p>Platform: " + navigator.platform + "</p>";
x += "<p>User-agent header: " + navigator.userAgent + "</p>";
document.getElementById("browserInfo").innerHTML = x;
</script>Error 403 The request cannot be completed because you have exceeded your quota. : quotaExceeded
