Cor*_*ell 66
谷歌浏览器有两种方法可以检查未使用的CSS.
1.审核选项卡: >右键单击页面上的+检查元素,找到"审核"选项卡,然后运行审核,确保选中"网页性能".
列出所有未使用的CSS标签 - 请参见下图.
更新: - - - - - - - - - - - - - - 或 - - - - - - - - - - - - - -
2.覆盖选项卡: >右键单击+检查页面上的元素,找到最右边的三个点(在图像中圈出)并打开控制台抽屉(或点击Esc),最后点击抽屉左侧的三个点(带圆圈)在图片中)打开Coverage工具.
Chrome推出了一个工具,可以查看未使用的CSS和JS - Chrome 59 Update 允许您启动和停止录制(图像中的红色方块),以便更好地覆盖页面上的用户体验.
显示文件中所有已使用和未使用的CSS/JS - 请参见下图.
- 很高兴看到哪些也被使用了....但这很棒,谢谢. (3认同)
- @UMAR`多页面网站覆盖率==（单页面覆盖率）* n`_其中n =网站中的每个页面_。将工具/这个答案归类为“无用”对任何人都没有好处。 (2认同)
kob*_*obe 55
安装Firebug 的CSS Usage插件并在该页面上运行它.它将告诉您哪些样式正在使用而该页面未使用.
- Chrome有这样的东西吗？ (31认同)
- 这似乎不再起作用,不幸的是不再支持. (3认同)
- @nostromo目前的工作非常好 (2认同)
Jan*_*old 40
仅仅为了完整性并且因为评论中提到了这一点 - Chrome中的CSS审核工具现在也出于同样的目的.这里有一些细节:
http://meeech.amihod.com/very-useful-find-unused-css-rules-with-google
- 我不确定这个答案所指的"CSS审核工具"是否与Chrome开发者工具中的*Audits*标签相同,但是它会告诉您哪些CSS规则未被使用(例如"Some.css:当前页面不使用42%."). (3认同)