UpgradeBrowser.jQuery - Script para desplegar un aviso y poder actualizar el navegador en caso de que el visitante posea un navegador viejo.

Inicio
Desarrollo web
Webmaster Utilidades
UpgradeBrowser.jQuery

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Una tarea muy importante para cualquier webmaster y diseñador de páginas web, es que los visitantes puedan cargar y visualizar correctamente nuestros sitios y aplicaciones web, ya sean PHP, ASP.NET, etc ..

Si bien la mayoría de la gente tiene instalado en sus computadoras, versiones de los últimos navegadores, hay muchas personas que siguen navegando en internet con versiones viejas.

Este simple y gratuito script, sirve justamente para esto, es decir poder detectar la versión del navegador instalado en la PC del usuario que visita la página, y en caso de detectar una versión muy vieja, despliega un cuadro de diálogo o mensaje para que pueda actualizar y descargar alguna de las últimas versiones de estos.

Esto es una gran ayuda para tratar de que los webmasters puedan mostrar la información de forma correcta, ya sea por que utilizan HTML5, o cualquier otra aplicación o librería que requiera un navegador moderno para mostrar y desplegar la información.

A continuación puedes ver mas información de como implementar el script y otras características.

Mas información sobre el programa.

1 - Vista previa del mensaje generado para actualizar el navegador.

Como se mencionó anteriormente, el script detectará automáticamente el navegador, y en caso de que se trate de una versión antigua, mostrará el siguiente mensaje con los enlaces para que pueda descargarlo a su computadora e instalarlo para visualizar correctamente la página web.

Nota: el aviso o mensaje desplegado para cambiar el navegador, se puede modificar muy fácilmente. El utilizado por defecto es el que se muestra en la siguiente captura.

2 - Instalación del script en el sitio web.

Para instalarlo es muy simple y se resume en dos pasos.

Añadir la referencia a los archivos Javascript en la cabecera de la página web ( Sección HEAD )
Añadir la función que despliega el aviso de actualización del navegador, también en la cabecera de la página.

El código fuente es el siguiente:

<head> <title>El título de la página web</title>  <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script type="text/javascript" src="http://upgradebrowsers.com/upgradebrowsers_v01/jquery.upgradebrowsers.min.js"></script>  <link rel="stylesheet" type="text/css" media="screen" href="http://upgradebrowsers.com/upgradebrowsers_v01/jquery.upgradebrowsers.min.css" />  <script type="text/javascript"> $(document).ready(function() { $.upgradebrowsers(); }); </script> </head>