Información del Navegador utilizado.

En categoría: Herramientas del Navegador

Este JavaScript muestra la información del navegador utilizado por el visitante de la página. Podemos ver el nombre, versión, código del nombre, UserAgent (Agente de usuario), Plataforma y Lenguaje del navegador.

| Descripción del ejemplo JavaScript

Muchas veces nos encontramos con que los Script no sirven para todos los navegadores que existen hoy en día, por lo que debemos programarlo para hacerlo compatible para cada uno (básicamente trabajaremos con Internet Explorer y Firefox). Para realizar esta tarea debemos conocer la información del navegador que ejecuta ese JavaScript. Los datos que permite capturar JavaScript de los navegadores son:

Nombre: navigator.appName
Versión: navigator.appVersion
Código del nombre: navigator.appCodeName
Agente de usuario (User Agent): navigator.userAgent
Plataforma de ejecución: navigator.platform
Lenguaje: navigator.userLanguage o navigator.Language

Con navigator.appName y navigator.appVersion overiguamos el nombre y versión del navegador respectivamente.
Mediante JavaScript, podemos obtener navigator.appCodeName y navigator.userAgent, que es una cadena de texto que cada explorador envía en los encabezados HTTP y que sirve para identificarse.
En este ejemplo utilizamos navigator.platform para saber sobre qué plataforma se ejecuta el navegador. Si por ejemplo se está ejecutando en Windows 98 / XP de 32 bits devolverá el valor Win32.
navigator.userLanguage es el código JavaScript que nos permite saber el lenguaje utilizado por el navegador. Este código será compatible con IE por lo que para mostrar esta información en navegadores de la familia Mosilla deberemos utilizar el código navigator.language

Las propiedades más utilizadas son las dos primeras, ya que con ellas podemos, por ejemplo, redireccionar una página o cargar un contenido específico según el nombre y versión del navegador utilizado.

Si queremos realizar alguna u otra operación según el nombre y versión del navegador utilizado debemos utilizar una sentencia que nos permita capturar los dos datos y así ejecutar una u otra cosa según el caso.

En el ejemplo utilizamos una función llamada InfoNavegador() la cual es llamada desde el evento onLoad de la etiqueta <BODY>. A la carga de la página se ejecutará el JavaScript cambiando la propiedad value de cada elemento de formulario que creamos en el cuerpo de la página. A esta propiedad value se le asigna una cadena de texto mediante el código JavaScript correspondiente.

Información relativa al Script

Compatible con: Internet Explorer

Internet Explorer

Firefox

Tamaño del Script: 1KB

Probar el Script

Temas relacionados a este Script

Ejemplo JavaScript para saber y mostrar la información relacionada 
con el navegador utilizado por el visitante.

Código fuente del script:

<HTML>
<HEAD>

<script language="javascript">

/* Creamos una función para saber la información del navegador 
utilizado por el visitante */
function InfoNavegador() {

/* Capturamos en la propiedad value del objeto Nombre el 
nombre del navegador utilizado */
nombre = document.Browser.Nombre.value = navigator.appName;
// lo mismo para la versión
document.Browser.Version.value = navigator.appVersion;
// Código nombre del navegador
document.Browser.Codigo.value = navigator.appCodeName;
// User Agent del navegador
document.Browser.Agente.value = navigator.userAgent;
// Plataforma de ejecución
document.Browser.Plataforma.value = navigator.platform;

if (nombre == "Netscape") {
	var lenguaje = navigator.language;
}
	// De otra manera lo hacemos con navigator.userLanguage
else {
	var lenguaje = navigator.userLanguage;
}

// Lenguaje del Navegador
document.Browser.Lenguaje.value = lenguaje;

}// Fin de la Función InfoNavegador()

</script>

</HEAD>

<BODY onLoad="InfoNavegador()">

<TABLE border="1" align="center">
<FORM name="Browser">
	<TR>
		<TD>Nombre navegador: </TD>
		<TD><INPUT type="txt" name="Nombre" size="45"></TD>
	</TR>
	<TR>
		<TD>Versión del navegador: </TD>
		<TD><INPUT type="txt" name="Version" size="45"></TD>
	</TR>
	<TR>
		<TD>Nombre código del navegador: </TD>
		<TD><INPUT type="txt" name="Codigo" size="45"></TD>
	</TR>
	<TR>
		<TD>Agente de usuario: </TD>
		<TD><INPUT type="txt" name="Agente" size="45"></TD>
	</TR>
	<TR>
		<TD>Plataforma: </TD>
		<TD><INPUT type="txt" name="Plataforma" size="45"></TD>
	</TR>
	<TR>
		<TD>Lenguaje: </TD>
		<TD><INPUT type="txt" name="Lenguaje" size="45"></TD>
	</TR>
</FORM>
</TABLE>

</BODY>
</HTML>

	Temas relacionados a este Script:
	Agregar página a los Favoritos del Navegador Ver el código fuente de una página HTML Detección de errores en el código JavaScript Agregar URL cargada a los favoritos Impedir la selección de texto de la página Información del Navegador utilizado

Comentarios Recibidos sobre: Información del Navegador utilizado

Darlo de Argentina | Enviado: Marzo 8, 2008

Aca dejo un par de códigos para saber algunas propiedades más del navegador. Algunas no son muy comunes pero pueden ser útiles en ciertos casos.<br345 /><br345 />[b]appMinorVersion[/b]<br345 />[blockquote]Número del parche o corrección aplicada al navegador.[/blockquote]<br345 /><br345 />[b]cookieEnabled[/b]<br345 />[blockquote]Contiene un valor lógico que indica si el navegador del cliente admite (true) o no admite (false) cookies.[/blockquote]<br345 /><br345 />[b]mimeTypes[/b]<br345 />[blockquote]Una matriz que contiene los tipos MIME (tipos de codificación de texto) soportados.[/blockquote]<br345 /><br345 />[b]online[/b]<br345 />[blockquote]Contiene true si el navegador está conectado a Internet y false si no lo está[/blockquote]<br345 /><br345 />[b]pluggins[/b]<br345 />[blockquote]Devuelve un Array con los pluggins instalados en el navegador[/blockquote]<br345 /><br345 />[b]product[/b]<br345 />[blockquote]Nombre de producto del navegador[/blockquote]<br345 /><br345 />[b]productSub[/b]<br345 />[blockquote]Más datos relacionados con el navegador. En Netscape, por ejemplo, se obtiene la fecha de fabricación[/blockquote]<br345 /><br345 />[b]securityPolicy[/b]<br345 />[blockquote]Tipo de encriptación de datos que soporta el navegador. Contiene [i][b]Export policy[/b][/i], si soporta una encriptacion baja y [i][b]US & CA domestic policy[/b][/i] si soporta una encriptación alta.[/blockquote]<br345 /><br345 />[b]userLenguage[/b]<br345 />[blockquote]Idioma establecido por el usuario del navegador[/blockquote]<br345 /><br345 />[b]vendor[/b]<br345 />[blockquote]Nombre de la compañía que ha fabricado el navegador.[/blockquote]<br345 /><br345 />[b]vendorSub[/b]<br345 />[blockquote]Información adicional acerca del fabricante[/blockquote]<br345 /><br345 />No todas estas propiedades funcionan en todos los navegadores por igual. Es cuestión de ir probando una por una y ver que resultados arroja para aprovecharlas en nuestros Script de Java.<br345 /><br345 />Espero que sirva.<br345 />Saludos

Comentar Artículo

Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio.
Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata.