ภาพรวม CSS: ระบุการปรับปรุง CSS ที่เป็นไปได้

Jecelyn Yeen

ใช้แผงภาพรวม CSS เพื่อให้เข้าใจ CSS ของหน้าเว็บได้ดียิ่งขึ้นและระบุการปรับปรุงที่ทำได้

ภาพรวม

แผงภาพรวม CSS จะสร้างรายงานสถิติ CSS ของเว็บไซต์ รายงานนี้จะรวบรวมข้อมูลเกี่ยวกับรายการ CSS ทั้งหมดและประกาศที่ไม่ได้ใช้ แผงภาพรวม CSS ช่วยให้คุณตรวจสอบรายการที่เกิดขึ้นเพิ่มเติมด้วยการไฮไลต์หน้าเว็บ หรือลิงก์ไปยังโค้ดที่ได้รับผลกระทบโดยตรงในแผงองค์ประกอบ

ดูวิธีเรียกใช้และเรียกใช้รายงานภาพรวม CSS อีกครั้ง และทําความเข้าใจรายงานภาพรวม CSS

เปิดแผงภาพรวม CSS

1. เปิดหน้าเว็บใดก็ได้ เช่น หน้านี้
2. เปิดเครื่องมือสำหรับนักพัฒนาเว็บ

3. เลือก ปรับแต่งและควบคุม DevTools > เครื่องมือเพิ่มเติม > ภาพรวม CSS