Реагувати Інспектор в Chrome за допомогою OffiDocs

ОПИС

Легко виявляйте вихідний код компонентів React із Chrome! ■Вимоги ・Встановлені інструменти розробника React ・Працює лише зі збірками розробки.

· Вихідний код має зберігатися на локальному диску ■Як це працює Інспектор React отримує доступ до __REACT_DEVTOOLS_GLOBAL_HOOK__, встановленого глобально React Devtools, і знаходить React Fiber в елементі HTML, на який інспектор навів курсор.

React Fiber містить інформацію про вихідний код, який буде додано під час розробки, тому ми використовуємо цю інформацію, щоб відкрити редактор.

Докладніше: https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■Опції Можна змінити «Відкрити URL-адресу редактора» на сторінці параметрів розширення, щоб ви могли відкрити його в редакторі, відмінному від VSCode.

■Вихідний код Це розширення є відкритим кодом.

тому ви можете отримати доступ із https://github.

com/hand-dot/react-inspector.

Якщо ви знайшли помилку, повідомте про неї через Github!

Додаткова інформація:

- Пропонується ручна точка
- Середня оцінка: 5 зірок (сподобалось)
- Розробник Ця електронна адреса захищена від спам-ботів. Ботів, для його перегляду включений JavaScript.

Веб-інспектор React Inspector extension інтегровано з OffiDocs Chromium онлайн