Afficher un message d'information aux utilisateurs ayant un navigateur ancien
⏲️ ~2 min de lecture
Publié le
par
Pierre
Une des problématiques récurrentes sur un site est de prévenir les utilisateurs ayant des versions anciennes de navigateur qu'il serait temps de faire une mise à jour. Il existe de nombreux scripts qui indiquent ça à l'utilisateur de manière plus ou moins violente élégante.
Cet article a pour but de partager la solution que nous avons choisie, basée sur http://www.browser-update.org/ avec quelques adaptations de style.
Voici les fonctionnalités qui nous ont fait choisir cette solution :
- Browser-update.org a l'avantage de contenir des indications "simples" pour que l'utilisateur comprenne l'intérêt de mettre à jour son navigateur
- il maintient une liste de navigateurs "anciens" (personnalisable si besoin)
- l'utilisateur n'est pas averti à chaque page (pour ne pas l'embêter)
- traduit dans pas mal de langues
En revanche, la notification par défaut du script est une barre de notification qui s'affiche en haut de l'écran ... ce qui ne nous semblait pas très visible. Voici donc notre adaptation afin que le message apparaisse en overlay de la page.
Le code source est teléchargeable sur https://gist.github.com/4039669.js il vous suffit d'inclure le script dans votre page pour que cela fasse le travail ! Vous pouvez tester la notification en ajoutant "#test-bu" à l'url de votre site ... ou en le visitant avec un navigateur non supporté.
Pour les autres personnalisations, nous vous laissons parcourir http://www.browser-update.org/customize.html.
Cet article vous a plu ? Sachez que nous recrutons !