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 pour la 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. En février 2018, Chrome détenait plus de 60% de part de marché sur les ordinateurs de bureau --- il n'est 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.
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 : Copain de session
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
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.
Télécharger : Minuteur Web
Si vous souhaitez un outil de suivi du temps plus avancé, nous vous recommandons vivement la plateforme multiplateforme Toggl.
Awesome Screenshot est une extension tout-en-un pour saisir des captures d'écran, enregistrer des vidéos d'écran, annoter et flouter des images cassées et 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 assemblez 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 : Superbe capture d'écran
Marmoset est un petit outil amusant pour créer des captures d'écran 3D de votre code. Une fois que vous avez pris une image, vous pouvez la faire pivoter, l'incliner et la mettre à l'échelle en 3D, ce qui la rend plus intéressante lorsque vous souhaitez partager des extraits. C'est également utile lors de la création d'images de stock basées sur du code ou d'un aperçu de votre code source sur la page d'accueil de votre projet.
Télécharger : Ouistiti
S'il y a une extension que vous installez pour faciliter le développement Web, que ce soit celle-ci. Web Developer propose plusieurs 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 des images, etc.
Télécharger : Développeur Web
Parmi les nombreuses extensions "user agent switcher" du Chrome Web Store, celle-ci est la meilleure. Il est toujours en cours de mise à jour, il ne détourne pas les liens, 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. C'est la seule extension de ce type qui fonctionne de manière fiable.
Télécharger : Sélecteur d'agent utilisateur
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
En février 2018, plus de 13 % des utilisateurs de bureau utilisaient encore Internet Explorer, ce qui est dommage car IE est loin d'être conforme aux normes Web modernes. C'est pourquoi vous avez besoin de l'onglet IE, qui émule IE dans un nouvel onglet et vous permet de tester des sites Web dans différentes versions :IE6, IE7, IE8, IE9, plus les 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
Lors du développement d'un site Web, peu de 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
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 l'élément, puis de parcourir la feuille de style pour trouver de quoi il s'agit. Avec WhatFont, non seulement vous pouvez voir ce qu'est une police simplement en survolant un élément, mais cela vous indique également comment cette police est servie (par exemple, Google Fonts, TypeKit, etc.).
Télécharger : QuelleFont
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
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 souhaités et le nombre de phrases par paragraphe.
Télécharger : Générateur de Lorem Ipsum
À 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 d'eux en surbrillance selon qu'il est cassé ou qu'il fonctionne.
Télécharger : Vérifier mes liens
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 : Dimensions
En plus de ce qui précède, nous recommandons fortement ces extensions Chrome de gestion des onglets et ces extensions Chrome de productivité professionnelle, qui sont deux choses qui peuvent vous frustrer en tant que développeur utilisant Chrome.
Vous devriez également consulter notre vaste sélection des meilleures extensions Chrome, qui couvre tout, de la sécurité au divertissement, des achats à la productivité générale, et bien plus encore.
