Les 15 meilleures extensions Chrome pour les programmeurs et les développeurs

Les 15 meilleures extensions Chrome pour les programmeurs et les développeurs

Si vous êtes un programmeur qui n’utilise pas Chrome, vous faites partie de la minorité. Il y a tellement de raisons de préférer ce navigateur à des fins de programmation, telles que l’influence massive de Google sur la direction du Web, les fonctionnalités intégrées qui rendent le développement moins frustrant et le grand nombre d’extensions disponibles.

Ce dernier point est crucial. Au moment d’écrire ces lignes, Chrome détient plus de 60 % de part de marché sur les ordinateurs de bureau. Il n’est donc pas étonnant que la plupart des créateurs d’extensions concentrent d’abord leurs efforts sur Chrome. Cela dit, voici les meilleures extensions Chrome que vous devriez utiliser si vous êtes un développeur de tout type, mais surtout un développeur Web.

Extensions de développement générales

1. Copain de session

Extension Chrome Session Buddy

Chrome a une fonctionnalité géniale appelée profils utilisateur personnalisés qui vous permet de créer des ensembles distincts de signets, paramètres, onglets, historiques, etc. Vous devriez certainement en configurer un spécifiquement pour la programmation si vous ne l’avez pas déjà fait.

Mais Session Buddy va encore plus loin, vous permettant d’enregistrer des « sessions d’onglets » spécifiques et de basculer entre elles à volonté, ce qui est pratique lorsque vous travaillez sur plusieurs projets.

Télécharger : Session Buddy

2. iMacros pour Chrome

Extension Chrome iMacros

iMacros est une extension qui vous permet d’automatiser les tâches répétitives. Vous pouvez « enregistrer » certaines actions (par exemple, les clics de souris et les pressions sur les touches), les enregistrer en tant que macros, puis les exécuter quand vous le souhaitez en un seul clic. Cela permet de gagner beaucoup de temps lors du remplissage des formulaires, des tests de modifications, etc. Pour les macros en dehors de Chrome, nous recommandons les scripts AutoHotkey.

Télécharger : iMacros pour Chrome

3. Minuteur Web

Extension de minuterie Web pour Chrome

Web Timer suit le temps que vous passez (ou perdez) sur divers sites Web, ce qui peut aider à freiner les tendances à la procrastination. Il ne suit que lorsque Chrome est au point et il est suffisamment intelligent pour arrêter le suivi lorsque vous êtes inactif. Si vous cherchez à chronométrer votre activité en ligne globale sans entrer dans les détails, essayez l’un de ces chronomètres en ligne gratuits.

Télécharger : Web Timer

4. Capture d’écran impressionnante

Superbe extension de capture d'écran Chrome

Awesome Screenshot est une extension tout-en-un permettant de saisir des captures d’écran, d’enregistrer des vidéos d’écran, d’annoter et de flouter des images capturées et de partager en un clic vos captures d’écran avec d’autres. Une fonctionnalité intéressante est sa capacité à capturer une page Web entière et à l’assembler en une seule image géante. Pour une solution qui fonctionne également en dehors de Chrome, consultez ces meilleurs outils pour créer des captures d’écran.

Télécharger : Superbe capture d’écran

5. Usernap

Extension Chrome d'Usersnap

Usersnap est une extension utile pour capturer et annoter des pages Web, des prototypes et des applications directement depuis Chrome. Cela peut vous aider à donner des commentaires et à signaler les bogues efficacement. Cet outil peut s’avérer essentiel pour améliorer votre produit final grâce à un flux de travail de rétroaction fluide.

Télécharger : Usernap

Extensions de développement Web

6. Développeur Web

Développeur Web Extension Chrome

S’il y a une extension que vous installez pour faciliter le développement Web, que ce soit celle-ci. Web Developer est doté de plusieurs fonctionnalités pratiques, notamment le basculement en un clic de JavaScript et des plugins, le redimensionnement de la fenêtre pour tester des conceptions réactives, le test et le débogage des images, etc.

Télécharger : Développeur Web

7. Commutateur utilisateur-agent

Extension Chrome du sélecteur d'agent utilisateur

Parmi les nombreuses extensions « user agent switcher » du Chrome Web Store, celle-ci est parmi les meilleures. Il est régulièrement mis à jour et ne détourne pas les liens. En outre, il est livré avec un certain nombre de chaînes d’agent utilisateur par défaut, mais vous permet également de créer des chaînes d’agent utilisateur personnalisées. En bref, c’est une extension qui fonctionne de manière fiable.

Télécharger : Sélecteur d’agent utilisateur

8. Wappalyzer

Extension chromée Wappalyzer

Si vous voulez savoir quels types de technologies Web alimentent un site particulier, Wappalyzer vous le dira en un seul clic. Il est suffisamment intelligent pour détecter les CMS (par exemple, WordPress), les frameworks Web (par exemple, React), les outils et utilitaires (par exemple, Google Analytics), les plateformes de commerce électronique (par exemple, Shopify), et bien plus encore.

Télécharger : Wappalyzer

9. Onglet Internet Explorer

Extension Chrome de l'onglet IE

Microsoft a abandonné Internet Explorer. Cependant, si votre projet nécessite de tester un site Web sur Internet Explorer pour une raison quelconque, vous aurez besoin de l’onglet IE, qui émule IE dans un nouvel onglet et vous permet de tester des sites Web dans différentes versions, ainsi que des contrôles ActiveX. Vraiment utile si vous avez besoin que votre site Web soit compatible avec tous les navigateurs, quel que soit leur âge.

Télécharger : Onglet IE

10. Cliquez et nettoyez

Cliquez et nettoyez l'extension Chrome

Lors du développement d’un site Web, certaines choses sont plus ennuyeuses que l’effacement constant des données de navigation pour vous assurer que vous chargez de nouvelles modifications. Click&Clean le rend non seulement plus rapide, mais offre également plus de contrôle sur ce que vous pouvez nettoyer (par exemple, supprimer des bases de données et des données de plug-in, conserver des cookies pour certains sites, etc.).

Télécharger : Cliquez et nettoyez

11. Recherche de polices

Extension Chrome de recherche de polices

Font Finder est l’un des moyens les plus simples et les plus efficaces d’identifier les polices sur le Web. C’est une chose de cliquer avec le bouton droit sur un élément, de sélectionner Inspecter l’élément, puis de parcourir la feuille de style pour trouver de quoi il s’agit.

Avec Font Finder, il vous suffit de cliquer avec le bouton droit de la souris et de sélectionner Font Finder. À partir de là, vous pouvez soit obtenir une liste de toutes les polices utilisées sur la page Web, soit uniquement les polices utilisées dans un cadre particulier. Vous pouvez même ouvrir une version interactive de Font Finder sur n’importe quelle page Web en cliquant sur son extension.

Télécharger : Recherche de polices

12. Pipette ColorPick

ColorPick Pipette Chrome Extension

ColorPick Eyedropper est un outil qui vous permet de zoomer et d’obtenir le code de couleur exact de n’importe quel pixel sur n’importe quelle page Web. Le code couleur est disponible en hexadécimal, RVB et HSL. C’est extrêmement pratique et beaucoup plus rapide que d’inspecter des éléments pour voir quelles couleurs sont utilisées dans la feuille de style ou de télécharger des images et de choisir des couleurs dans un éditeur d’images.

Télécharger : Pipette ColorPick

13. Générateur de Lorem Ipsum

extensions chrome pour les programmeurs - générateur lorem ipsum

Lors du développement d’un site Web, vous aurez éventuellement besoin d’un texte factice. Les générateurs Lorem ipsum sont nombreux sur le Web, mais le générateur Lorem Ipsum est toujours immédiatement disponible directement dans votre onglet actuel. C’est rapide et vous pouvez personnaliser le nombre de paragraphes que vous voulez et le nombre de phrases par paragraphe.

Télécharger : Générateur Lorem Ipsum

Vérifiez l'extension Chrome de mes liens

À la fin d’un projet de développement Web, vous souhaiterez effectuer une dernière passe sur toutes les pages principales pour vous assurer que tous vos liens fonctionnent. Check My Links rend ce processus aussi simple que possible. Cliquez simplement sur le bouton et il analysera tous les liens de la page actuelle, puis mettra chacun en surbrillance selon qu’il est cassé ou qu’il fonctionne.

Télécharger : Vérifier mes liens

15. Cotes

Dimensions Rallonge chromée

Dimensions est plus un outil de conception Web que de développement Web, mais comme les deux ont tendance à se chevaucher, vous souhaiterez probablement utiliser cette extension. En bref, il mesure instantanément la distance entre deux éléments Web, y compris le texte, les images, les vidéos et les champs de formulaire. Il peut également mesurer la distance entre le curseur de la souris et l’un de ces éléments Web pris en charge.

Télécharger : Cotations

Améliorez votre flux de travail de programmation avec ces extensions

Vous trouverez de nombreuses extensions liées à la programmation sur le Chrome Web Store, en plus de celles ci-dessus.

Vous avez peut-être développé une solution de contournement pour certaines de ces extensions, mais nous vous recommandons de les essayer, car elles pourraient améliorer votre efficacité globale.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *