想知道当前在网页上使用哪些 CSS 样式。
104
更新于 2022 年 7 月-似乎 Google 已删除下面的选项 ＃ 1（已删除审核选项卡，并添加了 Lighthouse 和 Recorder）
Google Chrome 有两种方法来检查未使用的 CSS。
1.审核选项卡：& gt;右键单击页面上的 + Inspect 元素，找到“审核”选项卡，然后运行审核，确保选中“网页性能”。
列出所有未使用的 CSS 标签-见下图。
更新：— — — — — — — — — — — — — — — — 或者 — — — — — — — — — — — — — — —
2.Coverage 选项卡：& gt;右键单击页面上的 + Inspect 元素，找到最右边的三个点（图像中圈出）并打开 Console Drawer（或点击 Esc），最后单击抽屉左侧的三个点（图像中圈出）以打开 Coverage 工具。
Chrome 推出了一个工具来查看未使用的 CSS 和 JS-Chrome 59 Update允许您开始和停止录制（图像中的红色正方形），以便更好地覆盖页面上的用户体验。
显示文件中所有使用和未使用的 CSS / JS
见下图。
59
安装 Firebug 的CSS Usage add-on并在该页面上运行它。它会告诉您该页面正在使用和不使用哪些样式。
41
只是为了完整性，因为它在评论中被要求-还有Chrome中的 CSS 审计工具现在用于相同的目的。
http://meeech.amihod.com/very-useful-find-unused-css-rules-with-google
13
查看UnCSS。它有助于创建使用过的 CSS 的 CSS 文件。
本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处
评论列表（25条）