5 est l'un des meilleurs extras Firefox Quantum pour les développeurs Web

Un nombre croissant de développeurs Web se tournent vers Firefox ces derniers mois, poussé par Firefox Quantum après Mozilla amélioration des performances pour être sur un pied d'égalité avec Google Chrome.

Bien que Firefox propose des outils adaptés aux développeurs par défaut avec des fonctionnalités innovantes comme son inspecteur CSS CSS, il est toujours possible d'ajouter des fonctionnalités plus intéressantes au navigateur à travers l'écosystème des extensions.

extensions de développement Firefox en vedette DzTechs | 5 des meilleurs modules complémentaires Firefox Quantum pour les développeurs Web

Dans cet esprit, voici quelques extensions que vous devriez essayer si vous utilisez Firefox en tant que développeur web.

1. Rapport Compat

rapport de compatibilité des extensions de développement Firefox DzTechs | 5 des meilleurs modules complémentaires Firefox Quantum pour les développeurs Web

Vous aide Rapport Compat Détermine les éventuels problèmes de compatibilité du navigateur Web lors du développement de sites Web ou d'applications Web. Cela ne fonctionne que pour CSS en ce moment.

Une fois l'extension installée, un nouveau panneau "Compatibilité" sera ajouté aux outils de développement. À partir de là, vous pourrez voir comment chaque site spécifique fonctionne dans chacun des principaux navigateurs

Les versions des navigateurs qui n'ont pas de problèmes de compatibilité sont en vert, avec quelques versions jaunes, et celles avec plusieurs versions en rouge. Vous pouvez rechercher des versions spécifiques de votre navigateur pour voir les règles CSS exactes qui causent des problèmes.

2. JSON Lite

Si vous travaillez fréquemment avec des API JSON, il peut être fastidieux d'afficher les données JSON dans votre navigateur. En effet, le navigateur ne le formate pas correctement par défaut, ce qui le rend difficile à lire.

extensions de développement Firefox json lite 1 DzTechs | 5 des meilleurs modules complémentaires Firefox Quantum pour les développeurs Web

Travaux JSON Lite Résolvez ce problème en formatant les réponses JSON et JSONP avec la syntaxe appropriée et la fonction d'affichage des erreurs utiles lors de l'examen de grandes données JSON.

extensions de développement Firefox json lite 2 DzTechs | 5 des meilleurs modules complémentaires Firefox Quantum pour les développeurs Web

Si vous n'avez pas besoin de toutes les fonctionnalités fournies par JSON Lite, vous ne pouvez activer JSON Viewer intégré dans Firefox qu'en tapant "about: config" dans la barre d'adresse, puis en recherchant devtools.jsonview.enabled. Définissez-le sur "true" en double-cliquant sur l'option, puis téléchargez n'importe quel fichier JSON dans votre navigateur pour voir le résultat.

extensions de développement Firefox json lite 3 DzTechs | 5 des meilleurs modules complémentaires Firefox Quantum pour les développeurs Web

3. Réagir Devtools

React est l'une des bibliothèques les plus populaires aujourd'hui dans l'écosystème du développement web. Si vous développez Applications Web utilisant React , Vous verrez beaucoup de valeur en utilisant son complément de navigateur pour déboguer votre code.

les extensions de développement Firefox réagissent DzTechs | 5 des meilleurs modules complémentaires Firefox Quantum pour les développeurs Web

Une fois installé, vous serez en mesure de vérifier le code React sur n'importe quel site Web qui l'utilise. L'icône de l'extension apparaîtra dans la barre d'outils du navigateur, et vous obtiendrez également l'onglet 'Interaction' avec les autres cartes DevTools. Le panneau React vous permet d'examiner l'arborescence React, y compris la hiérarchie des composants, des supports, de l'état, etc.

Vous pouvez également installer Vue.js devtools و Redux DevTools Si des bibliothèques sont développées.

4. Fontanello

extensions de développement Firefox fontanello DzTechs | 5 des meilleurs modules complémentaires Firefox Quantum pour les développeurs Web

il fournit Fontanello Un moyen très rapide de localiser les polices sur n'importe quel site Web. Avec ce module, vous n'avez plus besoin d'ouvrir devtools juste pour voir quelle police le site utilise. Fontanello affiche les styles d'impression de texte de base dans le menu contextuel, cliquez avec le bouton droit de la souris dans Firefox.

5. Wappalyzer

extensions de développement Firefox wappalyzer DzTechs | 5 des meilleurs modules complémentaires Firefox Quantum pour les développeurs Web

Vous êtes-vous déjà interrogé sur les techniques utilisées pour créer vos sites Web préférés? Cela peut vous sauver Wappalyzer Cette information est un simple clic. Il peut détecter différents systèmes de gestion de contenu, plateformes de commerce électronique, serveurs Web, frameworks JavaScript, programmes de bases de données, outils d'analyse et bien d'autres.

La couverture

Si vous cherchez à augmenter le flux de votre travail de développement, vous ne pouvez pas manquer l'une des extensions listées ci-dessus. N'oubliez pas de partager vos vidéos préférées dans la section des commentaires ci-dessous.

DzTech

Je suis ingénieur d'état avec une vaste expérience dans les domaines de la programmation, de la création de sites internet, du référencement et de la rédaction technique. Je suis passionné par la technologie et me consacre à fournir des informations de qualité au public. Je peux devenir une ressource plus précieuse pour les utilisateurs qui recherchent des informations précises et fiables sur les critiques de produits et les applications spécialisées dans divers domaines. Mon engagement inébranlable envers la qualité et l’exactitude garantit que les informations fournies sont dignes de confiance et utiles au public. La recherche constante de connaissances me pousse à me tenir au courant des dernières évolutions technologiques, en veillant à ce que les idées partagées soient véhiculées de manière claire et accessible.
Aller au bouton supérieur