借助开发者工具中的 CSS Overview 面板,您可以一目了然地发现网页上可能存在的 CSS 改进之处。
如需获取报告,请依次打开“DevTools”> > 更多工具 > CSS 概览,然后点击捕获概览。
该报告会显示以下几个部分:
- 包含样式、选择器和媒体查询统计信息的摘要。
- 所用颜色的细分,包括对比度问题(网络上最常见的问题)。
- 所用字体的细分信息,包括大小、粗细和行高统计信息。
- 未使用的 CSS 声明。
- 媒体查询的统计信息,按出现次数从高到低排序。
如需获得更具实操性的学习体验,请参阅 CSS 概览:发掘潜在的 CSS 改进机会。
如需详细了解对比度问题,请参阅提高网站的可读性。