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 pour la programmation, comme 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. Depuis février 2018, Chrome tient 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 quelque type que ce soit, mais en particulier un développeur Web .

Extensions de développement général

1. Copain de session

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

publicité

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

2. iMacros pour Chrome

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

Télécharger : iMacros pour Chrome

3. Minuterie Web

Web Timer suit le temps que vous passez ou gaspillez sur divers sites Web, ce qui peut aider à freiner les tendances à tergiverser. Il ne suit que lorsque Chrome est au point et il est suffisamment intelligent pour arrêter le suivi lorsque vous êtes inactif.

publicité

Télécharger : Minuterie Web

Si vous voulez un suivi du temps plus avancé, nous recommandons vivement le Toggl multiplateforme .

4. Capture d'écran impressionnante

Awesome Screenshot est une extension tout-en-un pour saisir des captures d'écran, enregistrer des vidéos d'écran, annoter et brouiller les images instantanées, et partager en un clic vos captures d'écran avec d'autres. Une fonctionnalité intéressante est sa capacité à faire des captures d'écran 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-les meilleurs outils pour créer des captures d'écran .

Télécharger : Capture d'écran impressionnante

5. Ouistiti

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 faire pivoter, incliner et redimensionner en 3D, ce qui le rend plus intéressant lorsque vous souhaitez partager des extraits. C'est également utile lors de la création de code.des images d'archives ou des aperçus de votre code source sur la page d'accueil de votre projet.

publicité

Télécharger : Ouistiti

Extensions de développement Web

6. Développeur Web

S'il y a une extension que vous installez pour faciliter le développement Web, laissez-la être celle-ci. Web Developer est emballé avec plusieurs fonctionnalités pratiques, y compris le basculement en un clic de JavaScript et des plugins, le redimensionnement de la fenêtre pour tester les conceptions réactives, les tests et le débogage deimages, et plus encore.

Télécharger : Développeur Web

7. Commutateur utilisateur-agent

Parmi les nombreuses extensions de "commutateur d'agent utilisateur" du Chrome Web Store, celle-ci est la meilleure. Elle est toujours en cours de mise à jour, elle ne détourne pas les liens, elle est fournie avec un certain nombre de chaînes d'agent utilisateur par défaut, mais vous permet égalementpour 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 : Commutateur utilisateur-agent

8. 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 les utilitaires par exemple.Google Analytics, des plates-formes de commerce électronique par exemple Shopify, et bien plus encore.

publicité

Télécharger : Wappalyzer

9. Onglet IE

En février 2018, plus de 13% des utilisateurs de bureau utilisent toujours Internet Explorer, ce qui est dommage car IE est loin d'être conforme aux normes Web modernes. C'est pourquoi vous avez besoin d'IE Tab, qui émule IE dans un nouvel onglet etvous permet de tester des sites Web dans différentes versions: IE6, IE7, IE8, IE9, 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

Lors du développement d'un site Web, peu de choses sont plus ennuyeuses que la suppression constante 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 un plugindonnées, conserver les cookies pour certains sites, etc..

Télécharger : Cliquez et nettoyez

publicité

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 l'élément, puis de parcourir la feuille de style pour trouver de quoi il s'agit. Avec WhatFont, vous pouvez non seulement voir ce qu'est une policeest simplement en survolant un élément, mais il vous indique également comment cette police est servie par exemple, Google Fonts, TypeKit, etc..

Télécharger : WhatFont

12. Pipette ColorPick

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

Télécharger : Pipette ColorPick

13. 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 Lorem Ipsum Generator est toujours immédiatement disponible directement dans votre onglet actuel. C'est rapide et vous pouvez personnaliser le nombre de paragraphes que vousvoulez et combien de phrases par paragraphe.

publicité

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

À la fin d'un projet de développement Web, vous voudrez faire un dernier passage sur toutes les pages principales pour vous assurer que tous vos liens fonctionnent. Vérifier mes liens rend ce processus aussi simple que possible. Cliquez simplement sur le boutonet il analysera tous les liens sur la page actuelle, puis mettra en évidence chacun d'eux selon qu'ils sont cassés ou qu'ils fonctionnent.

Télécharger : Vérifier mes liens

15. Dimensions

Dimensions est plus un outil de conception Web que de développement Web, mais comme les deux ont tendance à se chevaucher, vous voudrez probablement utiliser cette extension. En bref, elle mesure instantanément la distance entre deux éléments Web, y compris le texte,images, vidéos et 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 les recommandons vivement extensions Chrome de gestion des onglets et ceux-ci extensions Chrome pour la productivité des entreprises , deux choses qui peuvent vous frustrer en tant que développeur utilisant Chrome.

publicité

Vous devriez également consulter notre vaste sélection de meilleures extensions Chrome , qui couvre tout, de la sécurité au divertissement, des achats à la productivité générale, et bien plus encore.

Quelqu'un d'autre se fait-il passer pour vous sur les réseaux sociaux?

Quelqu'un utilise votre identité sur les réseaux sociaux. Alors qu'est-ce que les imitateurs en retirent? Et que pouvez-vous faire?

Lire la suite
À propos de l'auteur
publicité