React Inspector in Chrome mit OffiDocs

BESCHREIBUNG

Erkennen Sie ganz einfach den Quellcode von React-Komponenten aus Chrome! ■Anforderungen ・Installierte React Developer Tools ・Funktioniert nur mit Entwicklungs-Builds.

・Der Quellcode muss auf der lokalen Festplatte gespeichert werden. ■Funktionsweise Der React Inspector greift auf den von den React Devtools global festgelegten __REACT_DEVTOOLS_GLOBAL_HOOK__ zu und findet die React Fiber in dem HTML-Element, über das der Inspektor geschwebt hat.

Die React Fiber enthält Informationen über den Quellcode, der während der Entwicklung hinzugefügt wird. Daher verwenden wir diese Informationen, um den Editor zu öffnen.

Detail: https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■Optionen Es ist möglich, die „URL im Editor öffnen“ auf der Optionsseite der Erweiterung zu ändern, sodass Sie sie in einem anderen Editor als VSCode öffnen können .

■Quellcode Diese Erweiterung ist Open Source.

sodass Sie über https://github darauf zugreifen können.

com/hand-dot/react-inspector.

Wenn Sie einen Fehler finden, melden Sie ihn bitte über Github!

Zusätzliche Information:

- Angeboten von hand-dot
- Durchschnittliche Bewertung: 5 Sterne (liebte es)
- Entwickler Diese E-Mail-Adresse ist gegen Spambots geschützt. Sie müssen JavaScript aktivieren, damit Sie sie sehen können.

React Inspector-Web extension integriert mit den OffiDocs Chromium Online