El objeto navigator
con sus diferentes métodos nos permitirán detectar el navegador y a partir de ahí hacer diversas cosas.
Por ejemplo, estás viendo estás páginas con el navegador:
Para conseguir esto hemos usado:
<script language="JavaScript">
<!--
document.write(navigator.appName + " " +navigator.appVersion)
//-->
</script>
Podemos usar la información de qué navegador y versión usa quien accede a la página para cargar una página u otra (en el ejemplo, si es Explorer cargará indice_explorer.htm y si es Netscape, indice_netscape.htm. No olvides crearlas):
<script language="JavaScript">
<!--
//Cargar la página según el explorador
if (navigator.appName == "Netscape"){
window.location.href="indice_netscape.htm"}
else if (navigator.appName.indexOf("Explorer") != -1) {
window.location.href="indice_explorer.htm"}
//-->
</script>
Ver ejemplo
También podemos usar esa información para hacer que se realicen cosas diferentes. Por ejemplo, a continuación verás un mensaje diferente según el Navegador que tengas:
Para lograrlo usaremos el siguiente código:
<script language="JavaScript">
<!--
//Sacar un mensaje según el explorador
if (navigator.appName == "Netscape"){
document.write("Hola, estás viendo este manual con el Netscape. Enhorabuena"}
else if (navigator.appName.indexOf("Explorer") != -1) {
document.write("Vaya, estás viendo este manual con el Explorer. Así que fomentando el monopolio de Microsoft."}
}
//-->
</script>
También podemos saber la resolución de pantalla de la persona que accede a la página, bien para verla, bien para hacer que se carguen diversas versiones de la página según la que sea.
Para ello usaremos el objeto screen
.
Por ejemplo, estás viendo estás páginas con una resolución de:
Para conseguir esto hemos usado:
<script language="JavaScript">
<!--
document.write(screen.width + "x" +screen.height)
//-->
</script>