Quand on gère des sites web, on a régulièrement besoin de voir si le site est bien responsive, c’est-à-dire s’il s’affiche correctement sur différentes interfaces mobiles (téléphone, tablette, Android, iPhone, etc), avec différents navigateurs (chromium, firefox, safari etc). On peut le faire aisément dans Firefox via la commande Ctrl+Maj+M (Outils > Outils du navigateur > Vue adaptative).
Cependant, j’ai déjà constaté des comportements étranges de cet outil, c’est pourquoi je vous signale aujourd’hui une extension française (pour Chrome et Firefox) qui fait bien ce travail et qui a aussi le mérite de le faire dans une interface réaliste grâce à l’utilisation de Mockups. Elle s’appelle Mobile First.
Pour l’installer, c’est très simple, il suffit de se rendre sur la page de l’extension et de faire ajouter !
Cerise sur le gâteau, vous pouvez enregistrer les différentes vues pour en faire des mockups du site visualisé ! La version pour Chrome propose plus d’appareils et ajoute une option de génération de vidéos.
Je vous conseille de désactiver l’envoi de statistique via Google Analytics dans les options de l’extension.
Exemple de mockups vidéo et image réalisé avec l’extension Chrome.
Kenavo.
Laisser un commentaire