React Inspector in Chrome با OffiDocs

شرح

کد منبع اجزای React را به راحتی از کروم شناسایی کنید! ■نیازمندی ها · نصب شده React Developer Tools · فقط با ساخت های توسعه کار می کند.

・کد منبع باید روی دیسک محلی ذخیره شود ■نحوه کارکرد React Inspector به __REACT_DEVTOOLS_GLOBAL_HOOK__ که در سطح جهانی توسط React Devtools تنظیم شده است دسترسی پیدا می کند و React Fiber را در عنصر HTML که بازرس روی آن نگه داشته است، پیدا می کند.

React Fiber حاوی اطلاعاتی درباره کد منبع است که در طول توسعه اضافه می شود، بنابراین ما از آن اطلاعات برای باز کردن ویرایشگر استفاده می کنیم.

جزئیات: https://dev.

to/handdot/published-chrome-extension-for-streamlined-react-development-23b ■گزینه ها این امکان وجود دارد که "Open in Editor URL" را از صفحه گزینه های برنامه افزودنی تغییر دهید تا بتوانید آن را در ویرایشگری غیر از VSCode باز کنید. .

■کد منبع این پسوند منبع باز است.

بنابراین می توانید از https://github دسترسی داشته باشید.

com/hand-dot/react-inspector.

اگر اشکالی پیدا کردید، لطفاً آن را از طریق Github گزارش دهید!

اطلاعات اضافی:

- ارائه شده توسط دست نقطه
- میانگین امتیاز: 5 ستاره (آن را دوست داشتم)
- توسعه دهنده این آدرس ایمیل در مقابل هرزنامه ها محافظت می شود. دیدن شما نیاز به جاوا اسکریپت دارید

React Inspector web extension با OffiDocs یکپارچه شده است Chromium آنلاین