10 meilleures extensions Google Chrome pour développeur web

par Alexandre

---

Programmation | 3 commentaires

---

Note de Tychic : Cet article a été écrit par le blogueur Jack Alexandre du blog Les PDF. Vous pouvez donc visiter son blog pour découvrir ces articles.

Avez-vous besoin d’avoir plus de fonctionnalités sur votre navigateur Chrome et avoir accès à des outils totalement gratuits qu’utilisent les plus grands développeurs web ?

Dans ce cas, cet article est pour vous et va vous apporter plus de valeurs ajoutées si vous vous intéressez beaucoup à la programmation.

Qu'est-ce qu'une extension sur un navigateur ?

Parfois, lorsqu’on surfe sur Internet, il est possible d’installer une extension de navigateur.

Celle-ci permet de modifier votre interface utilisateur et d’ajouter tout un tas de fonctionnalités Web.

Mais à ne pas confondre, l’extension est un logiciel payant ou gratuit qui personnalise votre navigateur. On l’appelle également «Add-on», «Module additionnel» ou encore «Addin».

Elle agit uniquement sur le comportement du navigateur, quel qu’il soit, et non sur ses différentes caractéristiques. Elle sert donc à rendre la navigation Web plus plaisante, voire plus rapide et beaucoup plus performante.

Il arrive que certains sites de téléchargement d'ebooks BestSellers en mode gratuit par exemple invitent d’ailleurs les internautes à télécharger des extensions pour lire des contenus, notamment interactifs.

Comment installer une extension sur Google Chrome rapidement

A noter : avez-vous besoins d’ajouter une fonctionnalité sur votre navigateur internet, mais chose étonnante vous ne parvenez pas à ajouter d'extensions de votre choix et le plus difficile vous ne savez pas par où chercher des extensions chrome lorsque vous naviguez en tant qu'invité ou en mode navigation privée.

Eh bien, il suffit de suivre cette procédure :

1. Ouvrez le Chrome Web Store
2. Recherchez et sélectionnez l'extension que vous souhaitez installer.
3. Cliquez sur Ajouter à Chrome.
4. Certaines extensions vous indiquent si elles ont besoin d'autorisations ou d'informations particulières. Pour approuver, cliquez sur Ajouter l'extension.

Pour utiliser une extension, cliquez sur l'icône située à droite de la barre d'adresse et veillez à n'approuver que les extensions de confiance car des hackers insèrent parfois des codes malicieux pour dérober vos informations privées ou vous soutirer de l’argent.

Si vous utilisez un ordinateur au travail ou dans un établissement scolaire, votre organisation peut bloquer certaines extensions.

10 extensions Chrome pour les développeurs web

Maintenant que vous savez comment ajouter et lancer une extension sur Chrome, nous allons découvrir les TOP extensions Google Chrome pour votre navigateur étant web développeur, et bien pour ne pas en faire toute une histoire, entrons dans le vif du sujet :

1. ColorZilla

Comme l’indique son nom, cette extension va nous permettre de sélectionner un Pixel sur une page web courante, et va nous faire sortir le code Html de la couleur en hexadécimal, il est vraiment très utile pour les développeurs Front-End.

Installer ColorZilla

2. WhatFont

C’est la même chose que ColorZila sauf que cette dernière c'est pour la police d’écriture et ça peut être super utile dans le cas où vous bosser sur un projet et que vous trouvez une police hyper craquante.

Installer WhatFont

3. Corporate Ipsum

Inspirer du fameux lorem ipsum , que tu connais, cette dernière permet de générer un texte ou faire des tests en mode design pour donner un texte qui soit bien lisible, donc il va vous permettre à faire un bon texte dont tu vas copier et coller dans ton article.

Installer Corporate Ipsum

4. Wappalyzer

Cette extension Chrome va te permettre de détecter la technologie utilisée sur un site web, qu’il s’agit du moteur de recherche, langage de programmation utilisé, si sur une page il y a du JavaScript ou bien d’autres technologies utilisées sur une page web.

Il est capable de détecter plus de 1000 technologies différentes, donc je te propose vraiment de tester cette extension car moi-même je l’utilise depuis un temps et ça me fait découvrir un tas de trucs au sujet du web.

Installer Wappalyzer

5. Web Developer Checklist

Comme son nom l’indique, il va te donner une liste des meilleures pratiques en vérifiant s’il n’y a pas des violations dans le design en te corrigeant pour obtenir un bon cas de design et améliorer votre accessibilité sur le site.

Installer

6. JSON Viewer

Cette dernière vous permet d’afficher des fichiers Json dans ton navigateur Chrome, ainsi, tu as des fonctionnalités attentionnelles, mais aussi, tu vas avoir accès à des liens cliquables, et en faisant le choix entre 27 thèmes différents. Et c’est open source.

Installer

7. Code Cola

Cette extension vous permet d’inspecter la page en entièreté en voyant et modifiant le code de couleur, le texte, et donc tout un tas de fonctionnalités accessibles pour apprendre plus sur la structure d’une page Web courante dans votre navigateur Chrome.

Installer Code Cola

Donc le reste des extensions qui restent, ne sont pas pour seulement les développeurs web, mais plutôt pour toute personne s’intéressant à la programmation Front-End qui sont sur React, Angular et Js donc sans tarder voici une liste de 3 extensions Google Chrome très
importante pour un développeur : React Developer Tools, Augury et Vue.js devtools

Ces 3 extensions vont vous permettre de débugger, optimiser, notamment comme afficher les flots d’événements et les composants ainsi que le modifier.

Conclusion

Maintenant comme vous avez une très belle sélection d’extensions Google Chrome pour les développeurs Web, il suffit alors de savoir les meilleurs langages de programmation pour bien mâcher le travail et surtout n’oublie pas de rejoindre notre Newsletter pour obtenir toujours ces genres des contenus intuitifs et nous ajouter d’autres extensions Chrome dans les commentaires.

---

3 commentaires