เพิ่ม React.js Explorer ไปยัง Chrome ด้วยเครื่องมือนักพัฒนาซอฟต์แวร์

นักพัฒนาเว็บทุกคนควรรู้เกี่ยวกับสิ่งมหัศจรรย์แล้ว เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ Chrome. คุณลักษณะนี้คือ สร้างขึ้นใน Chrome และช่วยให้นักพัฒนา ตรวจสอบหน้า และ แก้ไขหรือลบองค์ประกอบ ได้จากภายในเบราว์เซอร์.

มันทรงพลังอย่างเหลือเชื่อและเป็นวิธีที่ดีที่สุด พฤติกรรมหน้าการศึกษา เช่นเวลาในการตอบสนองทรัพยากรหน้าเพจหรือดำเนินการคำสั่งคอนโซล.

ทีมของ Facebook ได้สร้าง React.js ห้องสมุดซึ่ง abstracts ชั้นสำหรับนักพัฒนาส่วนหน้าไป ใช้องค์ประกอบ UI บางอย่างอีกครั้ง.

และตอนนี้ด้วย ตอบสนองเครื่องมือนักพัฒนาซอฟต์แวร์ คุณสามารถ ตรวจสอบลำดับชั้นองค์ประกอบเหล่านี้ และ แก้ไขได้ทันทีบนหน้า.

มันคือ นามสกุลฟรีอย่างสมบูรณ์ และมัน พัฒนาโดยคนที่ Facebook เพื่อให้คุณรู้ว่าคุณภาพดี.

นอกจากนี้คุณยังสามารถ ศึกษาสถานะต่าง ๆ และเส้นทางของต้นไม้วัตถุ รวมถึงองค์ประกอบที่อยู่เหนือ & ใต้องค์ประกอบอื่น ๆ.

ในแถบด้านข้างคุณสามารถ เรียกดูอุปกรณ์ประกอบฉากและรัฐ ซึ่งให้คุณศึกษาพฤติกรรมขององค์ประกอบอื่น ๆ ในต้นไม้เดียวกันนั้น นี่คือความจริง ปลั๊กอินที่ยอดเยี่ยมสำหรับผู้ใช้รุ่นใหม่ React เพราะสามารถช่วยให้พวกเขาเข้าใจเกี่ยวกับห้องสมุดมากขึ้น.

ตามธรรมชาติแล้วยังรวมถึง ฟังเหตุการณ์ใด ๆ ที่อาจเปลี่ยนสถานะขององค์ประกอบบางอย่าง และ เกล็ดขนมปังที่ด้านล่าง ช่วยให้คุณอ่านผ่านองค์ประกอบของผู้ปกครอง / เด็กได้อย่างง่ายดาย.

นี่อยู่ไกลจากเครื่องมือตอบโต้ที่สมบูรณ์แบบ แต่มันจะทำให้งานของคุณง่ายขึ้นมากเมื่อคุณ การสร้างแอปพลิเคชันแบบไดนามิกตั้งแต่เริ่มต้น.

มัน เปิดแหล่งที่มาอย่างสมบูรณ์ กับ repo GitHub อย่างเป็นทางการดูแลโดย Facebook และปรับปรุงบ่อย.

คุณสามารถติดตั้งส่วนขยาย Chrome นี้ได้ สำหรับ Chrome ทุกรุ่น. หรือถ้าคุณเป็นผู้ใช้ Firefox คุณสามารถทำได้ ตรวจสอบ FF add-on ซึ่งรองรับ FireFox v38 และสูงกว่า จนถึงตอนนี้ฉันยังไม่เห็นการสนับสนุนใด ๆ สำหรับผู้ใช้ Safari / Opera แต่มันเป็นส่วนเสริมโอเพนซอร์สดังนั้นนี่อาจจะเกิดขึ้นในอนาคตอันใกล้.