Olivier El Mekki

Des fleurs pour internet explorer 6

C’est notre bête noir, et sa fin est proche. Les travailleurs du web parlent partout d’interrompre le support de internet explorer 6, qui est désormais plus que vétuste.

Mais si nous sommes confrontés tous les jours aux défaillances de ie6, les utilisateurs ne s’en rendent pas compte (c’est que nous faisons du bon boulot, quelque part).

Aussi, lorsque le support d’internet explorer disparaît d’un site, son utilisateur est pris au dépourvu. Ce que je vous propose, c’est d’inclure un bout de code javascript informant l’utilisateur plusieurs mois avant d’effectivement rompre. En voici un utilisant jquery.

Il est temps.

1
2
3
4
5
6
7
8
9
10

jQuery( function()
{
  jQuery.each( jQuery.browser, function( i, val )
  {
    if( i == "msie" && jQuery.browser.version == "6.0" )
    {
      alert("Votre navigateur est obsolète. Il se peut que ce site ne s'affiche pas correctement. Veuillez s'il vous plaît mettre à jour votre navigateur.") ;
    }
  });
}) ;

Note: Ce bout de code a pour but principal de vous montrer comment tester ie6 avec jQuery pour gérer le message envoyé à votre visiteur à votre manière. Si vous désirez une solution complète et prête à l’emploi, vous pouvez utiliser le script du site que pointe Mr Xhark: stopie6.org. Ou encore celui que pointe Mimata : pushUpTheWeb (qui a l’avantage de ne pas se focaliser uniquement sur ie6, mais sur plusieurs navigateurs courants)

6 Réponses à “Des fleurs pour internet explorer 6”

  1. Mr Xhark dit:
    28 décembre, 2008 à 4:04

    Je trouve cette méthode plus élégante et moins intrusive : http://blogmotion.fr/programmation/sauvez-un-developpeur-web-924

  2. Mr Xhark dit:
    28 décembre, 2008 à 4:07

    Enfin, avant que le site ne redirige vers microsoft : http://www.lesintegristes.net/2008/10/22/les-integristes-enquetent/ !!

  3. Mr Xhark dit:
    28 décembre, 2008 à 4:08

    Désolé pour le triple-post, mais voilà l’équivalent : http://www.stopie6.org/

  4. kik dit:
    28 décembre, 2008 à 11:51

    Ah excellent, merci pour le dernier lien. J’étais tombé dessus par mes flux RSS il y a quelques mois, puis impossible de le retrouver lorsque j’ai écris ce post (j’avoue ne pas avoir cherché pendant une heure non plus).

    Oui, le bout de code que j’ai mis ici est largement insuffisant, il a seulement pour but de faire faire un pas au lecteur éventuel vers le recul progressif du support de ie6 plutôt que la rupture brutale.

    En particulier, j’avais songé à l’améliorer en rajoutant un support des cookie avec période de validité courte, pour que le visiteur n’ait pas l’alerte pour chaque lien interne sur lequel il click.

    Enfin, l’idée était plus de montrer comment tester ie6 avec jquery, je ne doute pas que chacun aura envie de faire sa propre version pour l’intégrer proprement à son site (avec lightbox, avec envoi de message dans la boite de l’utilisateur inscrit, avec message de warning qui s’estompe progressivement…).

    Merci en tous cas pour le lien, je vais l’intégrer dans le post.

    P.S.: pas de problème pour le triple post, c’est surtout ma faute, vu que je n’ai pas mis de fonction pour éditer ses commentaires :) J’ai mis en place le blog dans le but de le sortir le plus vite possible, je vais devoir maintenant procéder à une nouvelle itération vu qu’il commence à être plus fréquenté (notamment en permettant d’être prévenu par mail lors des réponses aux commentaires et en permettant de modifier ses commentaires). J’avais retardé ces ajouts parce que je compte développer une batterie d’outils pour typolight pour faire du blogging, et donc passer le blog sous typolight, mais cela prendra de toutes façons plusieurs mois. Il est grand temps que je m’occupe du désormais nécessaire. :)

  5. MIMATA dit:
    10 janvier, 2009 à 19:11

    Personnellement, j’ai opté pour celui-ci : http://www.pushuptheweb.com
    C’est discret, simple, joli et efficace.

  6. kik dit:
    11 janvier, 2009 à 16:45

    @MIMATA

    J’aime beaucoup, merci, je rajoute également. Le fait de fournir directement des intégrations pour divers frameworks js est un atout pour ceux qui veulent ne pas y passer trop de temps.

    J’ai eu peur un instant que la dernière version disponible de chaque browser soit parsée depuis les sites des constructeurs (avec risque de casser, donc) mais c’est plus radical que ça : la dernière version est codée en dur dans le script :)

    À mettre à jour régulièrement, donc (et oui, nous aussi on doit le faire ^^)

Laisser un commentaire