有没有办法自定义Google Chrome的开发者控制台？

Question

我一直遇到清理css文件和删除未使用的css元素的需要。我知道google chrome能够在页面上显示所有未使用的css元素，但有时候（就像我正在处理的项目一样），原始设计者在这个文件中留下了数百个未使用的元素。

所以，我的问题是 - 有没有人知道如何自定义Google Chrome开发者控制台以导出所有使用过的CSS元素的列表。或者，是否有人知道现有的谷歌Chrome插件提供此功能？

我意识到有一个firefox插件可以提供这些功能，但我很想找到类似谷歌浏览器的解决方案。

由于

Answer 1

您可以通过两种方式自定义Google Chrome网络检查器：

1. Web Inspector选项
2. Chrome扩展程序
   • http://code.google.com/chrome/extensions/experimental.devtools.console.html
   • http://code.google.com/chrome/extensions/experimental.devtools.audits.html

您可以创建一个满足您需求的扩展程序。