มองเห็นการเว้นระยะเว็บได้อย่างง่ายดาย
Spacing Palette Overlay เป็นส่วนเสริม Chrome ฟรีที่ออกแบบมาสำหรับนักพัฒนาเว็บ ช่วยให้สามารถตรวจสอบขนาดของ margin, padding และ gap บนหน้าเว็บได้อย่างรวดเร็ว เครื่องมือนี้ช่วยลดความจำเป็นในการเข้าถึง DevTools บ่อยครั้ง โดยให้มุมมองที่มีการจัดสีตามหมวดหมู่ซึ่งจัดกลุ่มค่าการเว้นระยะให้ชัดเจนสำหรับการระบุที่ง่าย การ overlay จะจัดสีค่าการเว้นระยะเป็นสามหมวดหมู่หลัก: สีส้มถึงสีแดงสำหรับเลขคู่, สีเหลือง-เขียวสำหรับจำนวนที่เป็นหลายของ 8 หรือ 4, และสีน้ำเงินอ่อนถึงสีน้ำเงินครามสำหรับเลขคี่ ผู้ใช้สามารถวางเมาส์เหนือ overlay เพื่อดูการวัดเฉพาะ ซึ่งช่วยเพิ่มความชัดเจนของการเว้นระยะบนหน้าเว็บ
ส่วนเสริมนี้รวมถึงเมนูลอยที่แสดงค่าพิกเซลพร้อมกับจำนวนที่เกี่ยวข้องสำหรับ margin, padding และ gap ผู้ใช้สามารถเน้น overlay ที่ตรงกันได้อย่างโต้ตอบโดยการวางเมาส์เหนือรายการในเมนู ซึ่งสามารถลากหรือยุบเพื่อความสะดวก ฟีเจอร์เพิ่มเติมรวมถึงเมนูบริบทสำหรับการเปิดปิดส่วนขยายและการเปลี่ยนโหมดป้าย ทำให้เป็นเครื่องมือที่จำเป็นสำหรับนักออกแบบเว็บ, วิศวกรด้านหน้า และทีม QA ที่มุ่งมั่นในการรักษาความสอดคล้องของการเว้นระยะในโครงการของพวกเขา
