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>