ตัวตรวจสอบปฏิกิริยาใน Chrome ด้วย OffiDocs

DESCRIPTION

ตรวจจับซอร์สโค้ดส่วนประกอบ React จาก Chrome ได้อย่างง่ายดาย! ■ข้อกำหนด ・ติดตั้งเครื่องมือสำหรับนักพัฒนา React แล้ว ・ใช้งานได้กับรุ่นพัฒนาเท่านั้น

・ซอร์สโค้ดต้องถูกจัดเก็บไว้ในดิสก์ภายในเครื่อง ■วิธีการทำงาน React Inspector เข้าถึง __REACT_DEVTOOLS_GLOBAL_HOOK__ ที่ตั้งค่าไว้ทั่วโลกโดย React Devtools และค้นหา React Fiber ในองค์ประกอบ HTML ที่ผู้ตรวจสอบวางเมาส์ไว้เหนือ

React Fiber มีข้อมูลเกี่ยวกับซอร์สโค้ดที่จะถูกเพิ่มในระหว่างการพัฒนา ดังนั้นเราจึงใช้ข้อมูลนั้นเพื่อเปิดตัวแก้ไข

รายละเอียด : https://dev.

ถึง/handdot/published-chrome-extension-for-streamlined-react-development-23b ■ตัวเลือก เป็นไปได้ที่จะเปลี่ยน 'เปิดในตัวแก้ไข URL' จากหน้าตัวเลือกของส่วนขยายเพื่อให้คุณสามารถเปิดในตัวแก้ไขอื่นที่ไม่ใช่ VSCode

■ซอร์สโค้ด ส่วนขยายนี้เป็นโอเพ่นซอร์ส

เพื่อให้คุณสามารถเข้าถึงได้จาก https://github

com/hand-dot/react-inspector.com

หากคุณพบข้อบกพร่อง โปรดรายงานผ่าน Github!

ข้อมูลเพิ่มเติม:

- นำเสนอโดยจุดมือ
- เรตติ้งเฉลี่ย : 5 ดาว (ชอบมาก)
- นักพัฒนา อีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริ

เว็บ React Inspector extension รวมเข้ากับ OffiDocs Chromium ออนไลน์