Navegador desactualizado: el proyecto gratuito informa a sus visitantes sobre el estado de su navegador

El problema no es tan grave como hace varios años. No obstante, incluso hoy en día, demasiadas personas siguen navegando con un navegador obsoleto. Si su sitio web está muy actualizado en términos de estándares web, estas personas no podrán disfrutarlo. Entonces, antes de que se enojen contigo, solo dales una notificación amistosa de que están navegando con la tecnología de antaño.

Lo siento, pero su navegador es antiguo.

A los denunciantes les gusta «Navegador desactualizado”Estaban en todas partes hace un par de años. Pero ninguno se veía tan bien como el que les presentaré hoy. El «navegador desactualizado» viene en muchos idiomas diferentes, como una combinación de JavaScript y CSS. La herramienta está disponible de forma gratuita en Github, bajo la licencia MIT, y no tiene dependencias. Por lo tanto, puede usarlo como una solución independiente.

La versión comprimida de JavaScript solo pesa alrededor de 3 kb. El CSS comprimido pesa 1 kb. Se incluyen diferentes idiomas como archivos HTML. Cada uno de estos representa aproximadamente 0,3 kb.

Usarlo es simple. Necesita el JS comprimido, así como el CSS y la carpeta lang. Todos los archivos necesarios se pueden encontrar en el archivo de descarga. Configure el paquete en su espacio web e integre los archivos en el head (CSS) y body (JS) de su sitio web, respectivamente. Justo detrás de la apertura body es donde colocaste un Div con el ID outdated. Esto activa JavaScript.

La integración y activación de la solución solo toma unos minutos. Puede ajustar la apariencia, pero como ya está diseñado en un estilo plano moderno, ya debería ser lo suficientemente atractivo para la mayoría de los casos de aplicación listos para usar.

Ahora, si se accede a la página con un navegador moderno, no pasa nada. Si un usuario visita desde un navegador desactualizado, un encabezado le dará una notificación amigable de que hay una versión más nueva para su navegador. Si el usuario hace clic en la notificación, se mostrará la siguiente descripción general políticamente correcta.

Es importante saber que la solución se dirige a los navegadores de escritorio y solo se puede utilizar para ellos. Antes de criticar eso, debería preguntarse si hay navegadores obsoletos en los dispositivos móviles. No realmente, ¿verdad? De acuerdo, tal vez si todavía está usando Android 2.01, pero si ese es el caso, el uso de la web no es su mayor problema de todos modos.

Desactualizado en todos los niveles

Aquellos que echen un vistazo más de cerca a JavaScript y CSS probablemente levantarán sus manos con desesperación. El código realmente merece la etiqueta obsoleta. Sin embargo, la razón de esto es simple y lógica. Para que el «Navegador desactualizado» funcione en los navegadores antiguos, debe estar escrito para estos viejos. No hay lugar para enfoques modernos.

«Navegador obsoleto» es una solución de la agencia de diseño portuguesa Buro, y está disponible para descargar y participar en Github. Los usuarios de instalaciones de WordPress autohospedadas pueden utilizar directamente la herramienta como complemento, facilitando la integración. En aras de la integridad, debo mencionar que hay otros módulos listos para usar, para Ruby, Drupal, Magento, Contao y Yii2.