Cette extension pour les développeurs est très utile pour les développeurs web, il réunit un grand nombre d’outils pour les développeurs de site internet. Développée par Chris Pedserick, cette extension est disponible sur les navigateurs Chrome, Firefox et Opera et peut être également accessible sur Windows, macOS et Linux. Voici quelques outils que j’utilise au quotidien avec l’extension Web developer.

L’outil Disable de l’extension
Comme son nom l’indique, l’outil disable permet de désactiver le Javascript, les notifications, popups et plus encore.

L’outil Cookies
L’outil Cookies permet de voir, d’ajouter et de supprimer les cookies de votre site internet.

Un outil pratique pour la CSS
La gestion des styles CSS est vraiment simple avec cette extension. Elle permet de
voir, éditer et désactiver certains styles de CSS ou tous les styles.

Les formulaires
Beaucoup de possibilités au niveau des formulaires, il est possible de cocher toutes les cases à cocher d’un formulaire mais également de remettre à zero tous les champs d’un formulaire, d’activer l’auto completion et pleins d’autres outils intérréssants que je vous invite à découvrir et à tester.

Les images
Cet outil est vraiment pratique pour les developpeurs, les pros du seo et également pour les graphistes et les webdesigners. Avec cet outil, il est possible de désactiver les toutes les images d’une page web mais également d’afficher les informations comme les dimensions des images, les balises Alt des images ce qui permet de voir rapidement si les images sont optimisées pour le seo.
Petit rappel SEO : Compressez vos images pour que votre site ne soit pas trop long à charger.

Un outil pour visualiser le responsive de son site web

L’extension Web developer permet de visualiser le responsive de votre site internet, c’est à dire de pouvoir visualiser votre site internet sur toutes les tailles d’écran. En cliquant sur « resize » vous pourrez sélectionner une taille d’écran ou personnaliser la taille de l’écran sur laquelle vous souhaitez visualiser votre site internet.

Les informations diverses
Encore une fois cet outil est très complet et permet de nombreuses choses sur votre site internet.
Vous pouvez afficher les ancres, les dimensions des divs, l’ordre des divs, les détails des liens, voir les metas tag, le javascript et pleins d’autres possibilitées.

Un outil pour visualiser et structurer ses balises html

L’outil que j’aime bien utiliser est : View document outline qui permet de voir rapidement la structure seo de votre page. En un simple coup d’œil vous pourrez voir si votre page contient les bonnes balises html aux bons endroits.

Il existe de nombreuses options supplémentaires mais je ne fais que la liste des outils que j’utilise le plus souvent. Découvrez l’extension Web developper pour le navigateur Google chrome et partagez vos trucs et astuces de développeurs.

logo extension web developer