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

Si vous êtes un programmeur qui n'utilise pas Chrome, vous êtes minoritaire..

Il y a tellement de raisons de préférer ce navigateur à la programmation, telles que l'influence massive de Google sur l'orientation 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. En février 2018, Chrome détenait plus de 60% du marché des ordinateurs de bureau. Il n’est donc pas étonnant que la plupart des créateurs d’extensions se concentrent d'abord sur Chrome. Cela dit, voici les meilleures extensions Chrome que vous devriez utiliser si vous êtes un développeur, mais surtout un développeur Web. Programmation par rapport au développement Web: quelle est la différence? Programmation vs développement Web: quelle est la différence? Vous pensez peut-être que les programmeurs d'applications et les développeurs Web font le même travail, mais c'est loin de la vérité. Voici les principales différences entre les programmeurs et les développeurs Web. Lire la suite .

Extensions de développement général

1. Copain de session

Chrome est doté d'une fonction 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 devez absolument en créer un spécialement pour la programmation, si vous ne l'avez pas déjà fait..

Mais Session Buddy va encore plus loin en vous permettant de sauvegarder des “séances d'onglets” et basculer entre eux à volonté, ce qui est pratique lorsque vous travaillez sur plusieurs projets.

Télécharger: Session Buddy

2. iMacros pour Chrome

iMacros est une extension qui vous permet d'automatiser des tâches répétitives. Vous pouvez “record” certaines actions (par exemple, des clics de souris et des appuis sur des touches), enregistrez-les sous forme de macros, puis exécutez-les chaque fois que vous le souhaitez en un seul clic. Cela permet de gagner beaucoup de temps lors du remplissage de formulaires, du test des modifications, etc. Pour les macros autres que Chrome, nous recommandons les scripts AutoHotkey..

Télécharger: iMacros pour Chrome

3. Minuteur Web

Web Timer surveille le temps que vous passez (ou gaspillez) sur divers sites Web, ce qui peut aider à enrayer les tendances à la procrastination. Il ne détecte que lorsque Chrome est actif et est suffisamment intelligent pour arrêter de suivre lorsque vous êtes inactif..

Télécharger: Web Timer

Si vous souhaitez un suivi du temps plus avancé, nous vous recommandons vivement Toggl, la meilleure application de suivi du temps pour Android, iOS et Desktop multipliée par plateformes. La meilleure application de suivi du temps pour Android, iOS et Desktop. Nous vous montrons comment le suivi du temps peut vous être bénéfique. ou votre équipe, ce qu’il faut rechercher dans un logiciel de suivi du temps et la meilleure application multiplateforme que nous puissions trouver pour le poste. Lire la suite .

4. Capture d'écran impressionnante

Awesome Screenshot est une extension tout-en-un permettant de capturer des captures d'écran, d'enregistrer des vidéos à l'écran, d'annoter et de rendre flou les images capturées et de partager vos captures d'écran en un clic. Une caractéristique intéressante est sa capacité de capture d'écran une page web entière et cousez le tout 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: Capture d'écran impressionnante

5. marmouset

Marmoset est un petit outil amusant pour créer des captures d'écran 3D de votre code. Une fois que vous avez capturé une image, vous pouvez faire pivoter, incliner et redimensionner en 3D, ce qui la rend plus intéressante lorsque vous souhaitez partager des extraits. C'est également utile lorsque vous créez des images de stock basées sur du code ou que vous visualisez votre code source sur la page d'accueil de votre projet..

Télécharger: Ouistiti

Extensions de développement Web

6. Développeur Web

Si vous installez une extension pour faciliter le développement Web, laissez-la être celle-ci. Web Developer contient de nombreuses fonctionnalités pratiques, notamment le basculement en un clic de JavaScript et de plug-ins, le redimensionnement de la fenêtre pour tester des conceptions réactives, le test et le débogage d'images, etc..

Télécharger: Développeur web

7. Commutateur d’agent utilisateur

Parmi les nombreux “sélecteur d'agent utilisateur” extensions dans le Chrome Web Store, celui-ci est le meilleur. Il est toujours mis à jour, il ne pirate pas les liens, il est livré avec un certain nombre de chaînes d'agent d'utilisateur par défaut, mais vous permet également de créer des chaînes d'agent d'utilisateur personnalisées. C'est la seule extension de ce type qui fonctionne de manière fiable.

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

8. Wappalyzer

Si vous souhaitez 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 (WordPress, par exemple), les frameworks Web (React, par exemple), les outils et utilitaires (Google Analytics, par exemple), les plateformes de commerce électronique (par exemple, Shopify), etc..

Télécharger: Wappalyzer

9. Onglet IE

En février 2018, plus de 13% des utilisateurs d'ordinateurs de bureau utilisaient encore Internet Explorer, ce qui est dommage car Internet Explorer est loin d'être conforme aux normes Web modernes. C'est pourquoi vous avez besoin de IE Tab, qui émule IE dans un nouvel onglet et vous permet de tester des sites Web dans différentes versions: IE6, IE7, IE8, IE9 et les contrôles ActiveX. Vraiment utile si votre site Web doit être compatible avec TOUS les navigateurs, quel que soit leur âge..

Télécharger: Onglet IE

10. Cliquez et nettoyez

Lors du développement d'un site Web, peu de choses sont plus ennuyantes que d'effacer constamment les données de navigation pour s'assurer que vous chargez de nouvelles modifications. Click & Clean accélère non seulement les opérations, mais offre également un meilleur 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. WhatFont

WhatFont est le moyen le plus rapide 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 un élément, puis de parcourir la feuille de style pour trouver ce que c’est. Avec WhatFont, vous pouvez non seulement voir ce qu’est une police simplement en survolant un élément, mais il vous indique également comment cette police est traitée (par exemple, Google Fonts, TypeKit, etc.)..

Télécharger: WhatFont

12. Pipette ColorPick

ColorPick Eyedropper est un outil qui vous permet d’agrandir et d’obtenir le code de couleur exact de tout pixel sur une page Web. Le code de couleur est disponible en hex, 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. Lorem Ipsum Generator

Lorsque vous développez un site Web, vous aurez éventuellement besoin d'un texte factice. Les générateurs Lorem ipsum sont nombreux sur le Web, mais Lorem Ipsum Generator est toujours immédiatement disponible 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: Lorem Ipsum Generator

14. Vérifiez mes liens

À la fin d'un projet de développement Web, vous souhaiterez effectuer un dernier passage 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 pour scanner tous les liens de la page en cours, puis les sélectionner en fonction de leur rupture ou de leur fonctionnement..

Télécharger: Vérifier mes liens

15. Dimensions

Dimensions est plus un outil de conception de sites 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 du texte, des images, des vidéos et des 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: Dimensions

Plus d'extensions Chrome qui pourraient s'avérer utiles

En plus de ce qui précède, nous recommandons vivement ces extensions Chrome pour la gestion des onglets et ces extensions Chrome pour la productivité des entreprises, qui peuvent vous frustrer en tant que développeur utilisant Chrome..

Vous devriez également consulter notre vaste sélection des meilleures extensions de Chrome. Les meilleures extensions de Chrome. Les meilleures extensions de Chrome. Une liste des meilleures extensions pour Google Chrome, y compris les suggestions de nos lecteurs. Read More, qui couvre tout, de la sécurité au divertissement, des achats à la productivité générale, et bien plus encore.

En savoir plus sur: les extensions de navigateur, Google Chrome, la programmation.