10 meilleures extensions Chrome pour les programmeurs en 2022

Hassan est un scientifique des données et a obtenu son Master of Science en Data Science de l’Université Heriot-Watt.

Les extensions sont essentielles pour vous faciliter la vie en tant que programmeur. Les extensions sont de petits morceaux de code qui peuvent être installés sur votre navigateur et vous donner des fonctionnalités supplémentaires. Ceux-ci incluent un bloqueur de publicités, un gestionnaire de mots de passe et même des extensions qui peuvent aider au développement ou à la programmation Web.

Il existe de nombreuses extensions pour chaque navigateur, mais je partagerai dans cet article mes dix meilleurs choix pour les programmeurs.

1. Stylet

Le stylet est un langage d’écriture CSS et HTML. Il supprime toute la douleur du codage sémantique manuel avec une syntaxe simple et intuitive, amusante et facile à apprendre et à utiliser.

L’extension pour Chrome va encore plus loin en permettant d’éditer et de voir le code que vous venez d’écrire en temps réel – et ce n’est même pas la fonctionnalité la plus remarquable ! Vous pouvez également l’utiliser pour accéder à votre compte sur n’importe quel ordinateur pour travailler sur des fichiers depuis chez vous ou pendant que vous voyagez et ouvrir un nouvel onglet en quelques secondes et écrire du code immédiatement.

2. ColorZilla

ColorZilla est une excellente extension qui vous permet de trouver le code hexadécimal de n’importe quelle couleur sur une page Web et les valeurs RVB et HSL de ces couleurs. Cela peut être utile lors de la création d’une interface qui ressemble exactement à celle de vos maquettes ou si vous souhaitez découvrir quelles autres nuances existent dans la même famille de teintes.

ColorZilla vous donne également accès à plusieurs autres fonctionnalités :

• Trouvez la correspondance de couleur la plus proche en sélectionnant manuellement plusieurs échantillons de votre image ou de votre page Web.
• Obtenez plus d’informations sur les couleurs dominantes et leurs rapports de luminance correspondants (cette fonctionnalité n’est disponible que pour les utilisateurs de Chrome DevTools).

3. Formateur JSON

La programmation peut parfois être une tâche qui demande beaucoup de travail et d’attention aux détails, ce qui signifie que pour certains codeurs, la dernière chose qu’ils veulent faire après avoir travaillé dur sur un projet est de passer du temps à formater leur code. Cela peut conduire à un codage bâclé et causer des problèmes plus tard lorsque plusieurs codeurs doivent travailler sur un projet mais ne peuvent pas en raison d’un formatage incohérent.

C’est là que l’extension JSON Formatter est utile. C’est un outil précieux pour les programmeurs (et tous ceux qui utilisent JSON) car il garantit que toutes vos variables sont correctement formatées pour une lecture facile, ce qui vous fait gagner du temps et des maux de tête à long terme. Le meilleur avantage de l’utilisation de cette extension est qu’elle fonctionne avec presque tous les langages ou frameworks de programmation, y compris C++, C, Java, JavaScript, Python, etc.

L’extension JSON Formatter vous permet de formater vos fichiers JSON en quelques clics de souris. De plus, il possède une interface simple qui affiche toutes les variables de votre code afin que vous puissiez facilement les modifier et vous assurer qu’elles sont correctement formatées. L’extension comprend également un mode de prévisualisation pratique qui vous permet de voir à quoi ressemble votre fichier JSON avant de l’enregistrer. Cette fonctionnalité peut vérifier les erreurs ou s’assurer que tout est correctement formaté.

Faites défiler pour continuer

4. Octotree

Octotree est une extension Chrome gratuite pour afficher, parcourir et gérer des fichiers dans une arborescence de code GitHub.

En plus de la branche principale, Octotree prend en charge l’affichage de toutes les branches (pas de télécommandes, cependant), à la fois publiques et privées. Le code source est sur Github. Octotree est écrit en JavaScript et utilise l’API de messagerie native de Chromium pour communiquer avec les serveurs GitHub. Cela signifie qu’Octotree peut fonctionner sur n’importe quelle plate-forme avec une version compatible de Google Chrome, y compris Linux.

5. Quelle police

WhatFont est une extension Chrome simple qui vous permet de trouver la police de n’importe quel texte sur n’importe quel site Web. Il fonctionne avec n’importe quel navigateur et est gratuit, donc si vous cherchez un moyen simple de découvrir quel type de polices sont utilisées sur différents sites Web, cette application vaut la peine d’être vérifiée.

WhatFont détectera automatiquement la police de n’importe quel texte de votre site Web actuel et l’affichera en temps réel dans la boîte contextuelle de l’extension. La taille de la police peut être ajustée à l’aide de curseurs pour la hauteur et la largeur, permettant aux développeurs de comparer facilement différents choix de style côte à côte. Il existe également des commandes pour choisir si les mots en gras/italiques doivent être inclus ou non dans vos résultats de recherche (ou ignorés), ainsi que des options pour afficher/masquer les empattements (petites lignes à chaque extrémité des lettres) et les ligatures (lettres combinées).

6. Redimensionneur de fenêtre

Window Resizer vous permet de redimensionner la fenêtre du navigateur à n’importe quelle taille, ce qui peut être particulièrement utile lors du test d’une conception réactive. Il propose également des raccourcis intégrés pour créer des colonnes et des lignes dans vos projets.

Il s’agit d’un excellent outil pour les concepteurs qui souhaitent voir à quoi ressemblent leurs sites Web lorsqu’ils sont adaptés aux appareils mobiles. Il est également utile de créer des conceptions réactives et de tester votre site Web pour voir comment il fonctionne sur différents appareils. Cet outil peut être utilisé avec d’autres outils tels que Chrome Dev Tools ou Firefox Developer Edition.

7. BrowserStack

Il s’agit d’un site Web qui vous permet de tester votre site Web dans différents navigateurs. De plus, vous pouvez utiliser BrowserStack pour tester votre site Web sur d’autres systèmes d’exploitation, appareils, tailles d’écran et résolutions. C’est un excellent outil pour tester votre site sur différents navigateurs et systèmes d’exploitation, surtout si vous n’avez pas accès à tous ces appareils. BrowserStack propose également un essai gratuit, vous pouvez donc l’essayer avant de vous engager.

8. Embellisseur JavaScript

JavaScript Beautifier est un outil gratuit qui formate votre code JavaScript et CSS pour le rendre agréable à regarder. Il profite aux débutants et aux développeurs expérimentés qui souhaitent formater facilement leur code existant. L’outil ajoute un onglet supplémentaire à votre navigateur, ce qui vous permet d’embellir et de formater votre code instantanément sans ouvrir un autre programme.

L’extension prend également en charge la coloration syntaxique pour C, C++, Java, PHP, Python, SQL et XML.

9. Copain de session

Les développeurs travaillent souvent sur plusieurs choses simultanément et peuvent passer d’un projet à l’autre. Session Buddy est une extension chrome qui peut vous aider, en utilisant la structure de répertoires du projet en cours pour rechercher automatiquement des fichiers et les ouvrir dans le bon éditeur. Une session est l’ensemble de fichiers que vous avez ouverts en même temps, et Session Buddy utilise ces répertoires pour déterminer quels fichiers ouvrir. Ainsi, par exemple, si je travaille sur mon site Web et que j’ai un fichier de page et un fichier style.css ouverts, Session Buddy sait que cela signifie que je veux modifier ces deux fichiers dans mon éditeur de texte (ou tout autre fichier défini comme mon défaut).

Lorsque vous démarrez Session Buddy pour la première fois, il vous demandera votre répertoire de projet. Par exemple, il peut s’agir de n’importe quel dossier de votre choix : le répertoire racine de votre site Web ou un dossier de thème unique. Vous spécifiez ensuite un éditeur pour vos fichiers ; cela ne change pas automatiquement tout dans votre répertoire mais définit plutôt l’éditeur pour vos sessions. Enfin, vous pouvez choisir d’exécuter ou non Session Buddy en arrière-plan chaque fois que vous utilisez Chrome. Si vous le faites, lorsque vous enregistrez un fichier n’importe où sur Internet (y compris localement), il le placera dans le répertoire approprié en fonction de votre projet.

10. Wappalyzer

L’extension chrome Wappalyzer pour les programmeurs est un outil qui vous permet de suivre les langages de programmation utilisés sur un site Web. Il vous montre également d’autres statistiques, y compris les bases de données et les serveurs Web utilisés pour créer le site Web. Vous pouvez ensuite parcourir la liste des langues et voir quelles balises correspondent à quelles bases de données et serveurs Web, vous donnant une liste de candidats possibles qui pourraient être utilisés sur le site. C’est très utile si vous travaillez beaucoup avec des données provenant de différentes sources et que vous souhaitez savoir ce que chaque source utilise comme serveur Web ou base de données.

Conclusion

Cette liste d’extensions Chrome est un excellent point de départ. Ils vous faciliteront la vie en tant que programmeur et vous aideront à faire avancer les choses plus rapidement et avec moins de maux de tête.

Ce contenu est exact et fidèle au meilleur de la connaissance de l’auteur et ne vise pas à remplacer les conseils formels et individualisés d’un professionnel qualifié.

© 2022 Hassan