เคล็ดลับเครื่องมือสำหรับนักพัฒนาเว็บ: ระบุการปรับปรุง CSS

Sofia Emelianova
Sofia Emelianova

แผงภาพรวม CSS ในเครื่องมือสำหรับนักพัฒนาเว็บช่วยให้คุณดูการปรับปรุง CSS ที่เป็นไปได้ในหน้าเว็บได้อย่างรวดเร็ว

หากต้องการดูรายงาน ให้เปิดเครื่องมือสำหรับนักพัฒนาเว็บ > เพิ่มเติม > เครื่องมือเพิ่มเติม > ภาพรวมของ CSS แล้วคลิกบันทึกภาพรวม

รายงานจะแสดงส่วนต่างๆ ดังนี้

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

สำหรับประสบการณ์การเรียนรู้แบบลงมือปฏิบัติจริง โปรดดูภาพรวมของ CSS: ระบุการปรับปรุง CSS ที่เป็นไปได้

ดูข้อมูลเพิ่มเติมเกี่ยวกับปัญหาด้านคอนทราสต์ได้ที่ทำให้เว็บไซต์อ่านง่ายขึ้น