开发者工具提示:找出 CSS 改进

Sofia Emelianova
Sofia Emelianova

利用开发者工具中的 CSS Overview 面板,您可以一目了然地了解页面上可能存在的 CSS 改进。

如需获取报告,请依次打开“开发者工具”>“更多。”>“更多工具”>“CSS 概览”,然后点击捕获概览

该报告会显示以下几个部分:

  • 包含样式、选择器和媒体查询相关统计信息的摘要。
  • 所用颜色的细分数据,包括对比度问题(这些是网络上最常见的问题)。
  • 所用字体的细分数据,以及关于大小、粗细和行高的统计信息。
  • 未使用的 CSS 声明。
  • 媒体查询的统计信息,按出现次数降序排序。

如需更多实操学习机会,请参阅 CSS 概览:发现潜在的 CSS 改进

如需详细了解对比度问题,请参阅让网站更易于阅读