Como es sabido, Internet Explorer y Mozilla son los navegadores más usados, pero sus motores de renderizado difieren mucho entre sí.
Es por eso que nuestras páginas suelen verse diferente en los distintos navegadores, y muchas veces es necesario hacer algunos cambios para que éstas sean más adaptables y visualmente atractivas para los usuarios.
Existen varias maneras de lograrlo; una opción es usar hacks, y otra es redireccionar la página. Ésta última se puede hacer con Javascript, método que explicaré a continuación.
Lo primero que haremos será modificar y generar un HTML que se encargue de hacer la detección y el desvío.
Veamos el código a continuación:
Código :
<html>
<head>
<title>Detectar Navegador</title>
</head>
<script >
if (navigator.appName=="Netscape"){
location.href="http://www.fento.com.mx";
}
if (navigator.appName=="Microsoft Internet Explorer"){
location.href="http://www.cristalab.com/foros";
}
</script>
</body>
</html>
Éste no hace otra cosa más que detectar el navegador y redireccionar a la página correspondiente, ese es todo el código y está listo para funcionar.
Veamos la explicación del código:
Código :
<html> <head> <title>Detectar Navegador</title> </head>
Esta parte es de regla, contiene el encabezado y el título dentro de la página.
Ahora empieza el código necesario. Para escribir Javascript siempre se debe abrir la etiqueta <script> con su correspondiente etiqueta que cierra: </script>.
Dentro de ésta tendremos dos condiciones, dentro de las cuales haremos uso de la propiedad appName que contiene el identificador del navegador.
Lo que hará aquí será la comparación del identificador del navegador para poder redireccionarlo correctamente:
Código :
if (navigator.appName=="Microsoft Internet Explorer"){Nota: Los identificadores son Microsoft Internet Explorer y Netscape.
Después haremos uso de la función location.href la cual redirecciona hacia la página que se le asigna.
Es importante, muy importante, escribir el http:// en la barra de direcciones del navegador antes del nombre de la página para que nos redireccione bien, si no, nos podría causar algunos conflictos.
Ésto es sólo una manera de hacerlo, ya que usando varios CSS se puede lograr también, pero puede ocurrir que tengamos otras aplicaciones que por ejemplo, sólo funcionen en IE, y tengamos que avisar al usuario que no es posible ejecutar dicha aplicación en su navegador actual, y otros casos…el límite es su imaginación.
¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.
Por tom el 05 de Junio de 2007
En fin, hay muchos métodos para hacerlo, y algo bueno es no hacerlo compatible solo con IE y FF, el opera esta ganando usuarios, no es mi caso, pero es lo que dicen las estadisticas por debajo de los "gemelos"
Por Luismi el 05 de Junio de 2007
Saludos
Por yomismo el 05 de Junio de 2007
No podemos estar pensando en una minoria...
Es como si me dices que no publique un documento en pdf pq hay gente k no tiene instalado un programa para verlo.
Y menos ahora, k la moda es ajax k usa mucho javascript
Por Luismi el 05 de Junio de 2007
por eso cuando se usa ajax, en los enlaces se suele utilizar onclick, en vez de ponerlo en href, y en href poner la direccion sin ajax.
Es una minoria pero existe y cada cual le da la importancia que crea.
Saludos
Por Lopan el 06 de Junio de 2007
Por Luismi el 07 de Junio de 2007
La aplicacion seguiría inservible.
Saludos!
Por Señor Oz el 08 de Junio de 2007
Por Luismi el 08 de Junio de 2007
<a href="pagina_sin_usar_ajax.php" onclick="funcion_ajax('url_con_ajax')">
Si esta activado Javascript, ejecutara el onclick.
Si esta descativado, el href.
En este script habria que hacer una pagina mas o menos accesible, y despues dentro de HEAD, poner el codigo del articulo. Si esta desactivado javascript la pagina se verá y si esta activado te redirecciona a la que desees.
Lo ideal sería realizar este script con PHP ya que no depende del navegador del cliente.
Saludos
Por melchor el 25 de Julio de 2007
Por itsalinas el 12 de Septiembre de 2007
Por colotlan el 27 de Febrero de 2008
gracias
Por Emi el 23 de Abril de 2009
[/M@U]
Por yo el 01 de Octubre de 2009
Por Natalia el 08 de Enero de 2010
Yo hace bastante lo miro sin problemas pero hace un mes o bien deja la web en blanco o bien redirecciona a goggle. Uso Mozilla. Sabés que puede ser?
cuando queda en blanco el código fuente dice: <noscript><meta http-equiv="refresh" content="0;url=nojs.php"></noscript>
Gracias!
Por <a href="ht el 28 de Junio de 2010
Por joseo el 15 de Diciembre de 2010
Por Carlos el 09 de Mayo de 2012
Por dfdsfd el 11 de Abril de 2013
Por Enrique el 31 de Enero de 2015