ส่วนขยาย StateViz สำหรับ Chrome
StateViz เป็นส่วนขยายของ Chrome ที่ออกแบบมาเพื่อแสดงข้อมูลการไหลของข้อมูลภายในแอปพลิเคชันเว็บทั่วไป มันสนับสนุนห้องสมุดต่าง ๆ เช่น React, Svelte, และมีแผนสำหรับเพิ่มเติมอีกมากมาย ส่วนขยายนี้มีการสนับสนุนหลายห้องสมุด ทำให้ผู้ใช้สามารถตรวจสอบแอปพลิเคชันที่สร้างขึ้นด้วยห้องสมุดต่าง ๆ พร้อมกัน มันให้การแสดงผลโครงสร้างของแอปพลิเคชันอย่างละเอียด รวมถึงคอมโพเนนต์, อิลิเมนต์ DOM, และอิลิเมนต์ที่เฉพาะเจาะจงของห้องสมุดเช่นบล็อก Svelte
ทางเลือกที่แนะนำมากที่สุด
ผู้ใช้สามารถตรวจสอบข้อมูลคอมโพเนนต์แบบเรียลไทม์ได้ เช่น props, state, และรายละเอียดที่เฉพาะเจาะจงของห้องสมุดเช่น contexts และ hooks สำหรับ React StateViz ยังมีฟีเจอร์ตัวกรองอิลิเมนต์เพื่อแสดงเฉพาะอิลิเมนต์ที่ต้องการ, การเน้นอิลิเมนต์ DOM เพื่อการนำทางที่มีประสิทธิภาพ, และมีโหมดแสงสว่างและแสงมืดสำหรับการเลือกใช้ของผู้ใช้ ในขณะที่ต้องการสิทธิ์ในการเข้าถึงต้นแอปพลิเคชัน, ส่วนขยายนี้ไม่ส่งข้อมูลไปที่ระยะไกลและเป็นโค้ดเปิดบน GitHub อย่างเต็มที่
