เครื่องมือที่ครอบคลุมสำหรับการตรวจสอบ Shadow DOM
Shadow DOM Debugger เป็นส่วนขยาย Chrome ฟรีที่ออกแบบมาเพื่อเพิ่มความสามารถในการมองเห็นและตรวจสอบองค์ประกอบ Shadow DOM บนหน้าเว็บใด ๆ เครื่องมือนี้ช่วยให้ผู้ใช้สามารถค้นหา ไฮไลต์ และโต้ตอบกับส่วนประกอบที่ซ่อนอยู่ซึ่งโดยปกติจะไม่สามารถมองเห็นได้ผ่าน DevTools มาตรฐาน ด้วยฟีเจอร์เช่นการตรวจจับรากเงาแบบไดนามิกและตัวตรวจสอบแถบด้านข้างที่ใช้งานง่าย นักพัฒนาสามารถนำทางผ่านโครงสร้าง Shadow DOM ที่ซ้อนกันได้อย่างง่ายดาย
ทางเลือกที่แนะนำมากที่สุด
ส่วนขยายนี้ให้สัญญาณภาพด้วยเส้นขอบประดับสีม่วงรอบโฮสต์เงา ทำให้ระบุและโต้ตอบกับองค์ประกอบเหล่านี้ได้ง่าย ผู้ใช้สามารถสลับระหว่างมุมมองรายการและมุมมองต้นไม้ คัดลอก HTML โดยตรงไปยังคลิปบอร์ด และสลับการมองเห็นของโฮสต์เงาเพื่อให้มองเห็นหน้าเว็บที่อยู่เบื้องหลังได้ชัดเจนยิ่งขึ้น ด้วยการมุ่งเน้นที่ความเป็นส่วนตัวอย่างเข้มงวด ส่วนขยายนี้รับประกันว่าจะไม่มีการเก็บรวบรวมข้อมูลหรือแบ่งปัน โดยจัดเก็บการตั้งค่าของผู้ใช้ในเครื่องภายในเบราว์เซอร์
