Inspecteur React dans Chrome avec OffiDocs

DESCRIPTION

Détectez facilement le code source des composants React depuis Chrome ! ■ Configuration requise ・ Outils de développement React installés ・ Fonctionne uniquement avec les versions de développement.

・Le code source doit être stocké sur le disque local ■Comment cela fonctionne L'inspecteur React accède au __REACT_DEVTOOLS_GLOBAL_HOOK__ défini globalement par les outils de développement React et trouve la fibre React dans l'élément HTML sur lequel l'inspecteur a survolé.

La React Fiber contient des informations sur le code source qui seront ajoutées au cours du développement, nous utilisons donc ces informations pour ouvrir l'éditeur.

Détail : https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■Options Il est possible de modifier l'URL "Ouvrir dans l'éditeur" à partir de la page d'options de l'extension afin de pouvoir l'ouvrir dans un éditeur autre que VSCode .

■Code source Cette extension est Open source.

afin que vous puissiez accéder à partir de https://github.

com/hand-dot/react-inspecteur.

Si vous trouvez un bogue, merci de le signaler via Github !

Informations supplémentaires:

- Offert à la main
- Note moyenne : 5 étoiles (j'ai adoré)
- Développeur cette adresse e-mail qui est protégée du spam. Vous devez activer JavaScript pour la voir.

React Inspecteur web extension intégré avec les OffiDocs Chromium en ligne