Les 8 meilleurs modules complémentaires Microsoft Edge pour les développeurs

Publié le 07 février 2022 par Mycamer

Pour un développeur, il peut être fastidieux d’utiliser de nombreux outils dédiés à chaque tâche. Cependant, les modules complémentaires du navigateur Web peuvent vous rendre plus productif en vous donnant accès à diverses fonctionnalités à partir d’une plate-forme de navigation.

Tous les meilleurs navigateurs sont livrés avec des extensions pour les professionnels. Et si vous utilisez Microsoft Edge, vos tâches de développement peuvent devenir plus faciles avec certains modules complémentaires de navigateur. Ici, nous discuterons des meilleurs modules complémentaires Microsoft Edge que les développeurs Web devraient utiliser.


React Developer Tools est un module complémentaire DevTools pour le navigateur Web. Il ajoutera deux nouveaux onglets nommés Composants et Profileur dans vos Edge DevTools. Le module complémentaire open source aura besoin de votre autorisation pour accéder à l’arborescence React d’une page.

L’onglet Composants affiche les composants React racine de la page, ainsi que les sous-composants. Sélectionnez n’importe quel composant dans l’arborescence pour inspecter et modifier ses accessoires actuels, l’état et les crochets dans le panneau de droite.

Vous pouvez également utiliser ce module complémentaire pour savoir si une application contient React.js ou non. À l’aide de l’onglet Profiler, les développeurs peuvent enregistrer des informations sur les performances.


Si vous souhaitez analyser le code GitHub, le module complémentaire Octotree peut améliorer l’expérience de révision et d’exploration du code GitHub. Il vous montre une arborescence de code de type IDE et vous permet d’effectuer des recherches de fichiers et de dossiers.

Ce module complémentaire hautes performances est capable de fonctionner avec des référentiels de toute taille. En outre, il prend en charge les référentiels privés et vous permet de mettre en signet les demandes d’extraction, les référentiels, les fichiers et les problèmes.

UTILISEZ LA VIDÉO DU JOUR

Vous pouvez également vous abonner à la version PRO de ce module complémentaire pour obtenir des fonctionnalités supplémentaires. Ceux-ci incluent la prise en charge de plusieurs comptes GitHub et GitHub Enterprise, plusieurs onglets, les paramètres de police de code, la révision du code de demande d’extraction, les thèmes d’icônes de fichiers et la modification de la position d’ancrage.


Accessibility Insights for Web est un module complémentaire de navigateur Microsoft Edge qui vous permet de localiser et de résoudre les problèmes d’accessibilité dans diverses applications Web et sites Web. Vous pouvez l’utiliser pour vérifier le respect d’environ 50 dispositions d’accessibilité.

Grâce aux instructions claires et à une aide visuelle, vous pouvez identifier rapidement les problèmes vitaux d’accès au clavier, y compris les pièges du clavier, les taquets de tabulation manquants et l’ordre de tabulation incorrect.

Il vous aide également à effectuer un processus en deux étapes pour localiser les problèmes d’accessibilité courants mais à fort impact en quelques minutes. Cependant, vous avez besoin de Microsoft Edge Insider v.75 ou version ultérieure pour utiliser ce module complémentaire.


Analyser le code HTML d’une page est une tâche fréquente d’un développeur. Avec l’aide du module complémentaire Design Analysis, vous pouvez analyser une page HTML en activant et en désactivant divers composants de cette page.

En rapport: Des effets HTML sympas que tout le monde peut ajouter à ses sites Web

Il vous permet de désactiver les CSS internes et externes (y compris imprimés et portables), de masquer les images et les images d’arrière-plan, d’afficher les attributs alt de l’image, les en-têtes de plan, les cadres, les liens externes, les tableaux, les éléments flottants, etc.

En outre, ce module complémentaire est livré avec divers outils qui vous aident à afficher les éléments masqués, à recharger les images et les CSS externes, à afficher le code source, à linéariser les pages et à marquer tous les liens comme visités ou non visités.

Ce module complémentaire ne stocke ni ne partage aucune donnée personnellement identifiable. Toutes les informations nécessaires à son fonctionnement restent dans votre appareil.


À l’aide du module complémentaire Enregistrer en tant que MHTML, les développeurs peuvent enregistrer la page Web actuelle au format MHTML (MIME HTML)/MHT. Le module complémentaire est livré avec un bouton de barre d’outils pour une utilisation sans effort. Il enregistre tous les liens en ligne dans un format hors ligne.

MHTML est un format de fichier d’archive qui enregistre le contenu de la page Web pour une consultation hors ligne. Le type de fichier intègre toutes les ressources telles que les images, les applets et les animations Flash dans les documents HTML au cours du processus.

Le module complémentaire dispose de deux outils différents que vous pouvez utiliser pour modifier le contenu de la page Web de la page avant de l’enregistrer dans le fichier MHTML.

Vous pouvez choisir le mode de conception pour des tâches telles que la modification du format du texte en gras et en italique, l’ajout d’une image ou la suppression de tout contenu. Ou vous pouvez sélectionner une section de la page et demander à ce module complémentaire d’en faire un nouveau document.


Les développeurs ont une relation indispensable avec les cookies. Cookie-Editor est un module complémentaire puissant qui vous permet d’effectuer les opérations de cookies standard pendant la phase de développement et de test de la page Web.

Ce module complémentaire est livré avec une interface facile à utiliser qui vous permet de gérer les cookies manuellement. Avec son aide, vous pouvez rapidement créer, modifier et supprimer des cookies tout en restant sur l’onglet.

En un clic, Cookie-Editor supprimera tous les cookies de la page en cours. Il peut également importer/exporter des cookies au format texte.


Node.js V8 est un module complémentaire que vous pouvez utiliser avec Edge DevTools pour rationaliser votre cycle de développement Node.js. Il peut gérer le cycle de vie des fenêtres/onglets d’Edge DevTools, ce qui vous donne plus de temps pour vous concentrer sur le débogage de votre code.

En rapport: Qu’est-ce que le débogage du canard en caoutchouc ?

Le module complémentaire Node.js V8 vous permet de surveiller les sessions de débogage locales et distantes tout en contrôlant l’interface DevTools, à la fois manuellement et automatiquement. Vous pouvez également l’utiliser pour déboguer les processus de nœud VSCode et personnaliser la durée entre les sondes de l’inspecteur v8.

Avec son aide, vous pouvez automatiquement ouvrir et fermer Edge DevTools dans un onglet ou une fenêtre et rendre DevTools actif ou inactif au démarrage. Sa fonction d’inspection vous évite de copier et coller l’URL de DevTools en détectant automatiquement l’URL générée lors de l’exécution du nœud.


BugReplay est principalement un module complémentaire utilisé pour un screencast et le débogage du réseau. Il vous aide à enregistrer votre écran en synchronisation avec les messages de la console JavaScript et le trafic réseau. Grâce à cet add-on, il vous suffit de retracer les étapes pour capturer les bugs en temps réel.

Il n’est pas nécessaire qu’un développeur communique avec les utilisateurs finaux ou les responsables de l’assistance. Ils peuvent facilement savoir quand et où le bogue s’est produit à partir des informations enregistrées et résoudre le problème en un rien de temps.

L’enregistrement du bogue devient facile avec le module complémentaire BugReplay. Vous pouvez également examiner le bogue avant de le partager avec vos collègues. L’add-on offre également une option pour le rendre public.

Choisissez vos modules complémentaires Edge préférés pour le développement

En parcourant cette liste de modules complémentaires Microsoft Edge, vous pouvez choisir ceux qui vous aideront dans le travail de développement Web et d’applications. N’oubliez pas que Microsoft Edge propose également d’autres modules complémentaires pour les utilisateurs réguliers. Vous pouvez parcourir et trouver des extensions grand public pour d’autres tâches telles que la gestion des mots de passe.


Les 9 meilleurs modules complémentaires Microsoft Edge pour une gestion des mots de passe sans effort

Se souvenir de tous vos différents mots de passe peut être délicat, alors voici les neuf meilleurs modules complémentaires Microsoft Edge pour une gestion des mots de passe sans effort.

Lire la suite

A propos de l’auteur

Tamal Das
(311 articles publiés)

Tamal est un écrivain indépendant chez MakeUseOf. Après avoir acquis une expérience considérable dans les domaines de la technologie, de la finance et des processus commerciaux dans son emploi précédent dans une société de conseil en informatique, il a adopté l’écriture comme profession à temps plein il y a 3 ans. Bien qu’il n’écrive pas sur la productivité et les dernières nouvelles technologiques, il adore jouer à Splinter Cell et regarder en rafale Netflix / Prime Video.

Plus de Tamal Das

Abonnez-vous à notre newsletter

Rejoignez notre newsletter pour des conseils techniques, des critiques, des ebooks gratuits et des offres exclusives !

Cliquez ici pour vous abonner

— to www.makeuseof.com