開發人員工具提示:指出 CSS 改善項目

Sofia Emelianova
Sofia Emelianova

開發人員工具的「CSS 總覽」面板,可讓你快速找到網頁可用的 CSS 改善項目。

如要取得報告,請依序開啟開發人員工具 > 。 >「更多工具」 >「CSS 總覽」,然後按一下「擷取總覽」

報告會顯示以下幾個部分:

  • 摘要顯示樣式、選取器和媒體查詢相關統計資料。
  • 使用顏色詳細資料 (包括對比問題):網路上最常見的問題
  • 使用字型的細目,以及大小、粗細和行高的統計資料。
  • 未使用的 CSS 宣告。
  • 媒體查詢的統計資料,依發生次數遞減排序。

如需更多實作學習體驗,請參閱「CSS 總覽:找出 CSS 可能的改善項目」。

如要進一步瞭解對比問題,請參閱讓網站更容易閱讀