Bereaksi Inspektur di Chrome dengan OffiDocs

DESKRIPSI

Deteksi kode sumber komponen React dengan mudah dari Chrome! ■Persyaratan ・Alat Pengembang React yang Terinstal ・Hanya berfungsi dengan build pengembangan.

・Kode sumber harus disimpan di disk lokal ■Cara kerjanya React Inspector mengakses __REACT_DEVTOOLS_GLOBAL_HOOK__ yang disetel secara global oleh React Devtools dan menemukan React Fiber dalam elemen HTML yang diarahkan oleh inspektur.

React Fiber berisi informasi tentang kode sumber yang akan ditambahkan selama pengembangan, jadi kami menggunakan informasi tersebut untuk membuka editor.

Detailnya: https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■Opsi Dimungkinkan untuk mengubah 'Buka di URL Editor' dari halaman opsi ekstensi sehingga Anda dapat membukanya di editor selain VSCode .

■Kode Sumber Ekstensi ini bersifat Open source.

sehingga Anda dapat mengakses dari https://github.

com/hand-dot/react-inspector.

Jika Anda menemukan bug, silakan laporkan melalui Github!

Informasi tambahan:

- Ditawarkan melalui titik tangan
- Peringkat rata-rata: 5 bintang (menyukainya)
- Pengembang Alamat email ini dilindungi dari robot spam. Anda perlu mengaktifkan JavaScript untuk melihatnya.

Bereaksi web Inspektur extension terintegrasi dengan OffiDocs Chromium secara online