Mẹo cho công cụ cho nhà phát triển: Xác định các điểm cải tiến về CSS

Sofia Emelianova
Sofia Emelianova

Bảng điều khiển Tổng quan về CSS trong DevTools cho phép bạn xem nhanh các điểm cải tiến tiềm năng về CSS trên trang của mình.

Để nhận báo cáo, hãy mở DevTools > Thêm. > More tools (Công cụ khác) > CSS Overview (Tổng quan về CSS) rồi nhấp vào Capture overview (Ghi lại thông tin tổng quan).

Báo cáo này cho bạn thấy một số phần:

  • Bản tóm tắt có số liệu thống kê về kiểu, bộ chọn và truy vấn nội dung đa phương tiện.
  • Thông tin chi tiết về các màu được sử dụng, bao gồm cả các vấn đề về độ tương phảncác vấn đề phổ biến nhất trên web.
  • Bảng chi tiết về các phông chữ đã sử dụng kèm theo số liệu thống kê về kích thước, độ đậm và chiều cao dòng.
  • Các bản khai báo CSS không dùng đến.
  • Số liệu thống kê về truy vấn nội dung nghe nhìn được sắp xếp theo số lần xuất hiện theo thứ tự giảm dần.

Để có trải nghiệm học tập thực tế hơn, hãy xem bài viết Tổng quan về CSS: Xác định những điểm cải thiện tiềm năng về CSS.

Để tìm hiểu thêm về các vấn đề về độ tương phản, hãy xem bài viết Làm cho trang web của bạn dễ đọc hơn.