Comunidad de diseño web y desarrollo en internet online

Redireccionar URLs mediante Javascript

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.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate