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

Sofia Emelianova
Sofia Emelianova

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

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

รายงานจะแสดงข้อมูลหลายส่วนดังนี้

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

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

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