跟踪页面的CSS使用情况
问题描述：
如果我浏览正在开发的网站，我可以跟踪该页面中正在使用的任何CSS指令。跟踪页面的CSS使用情况
比如我可以在main.css的第1行写入页的index.htm
我有一个CSS文件，该文件是4000线，我想分裂它的指令相关联。
最好的办法是分开页面。
可以移动仅针对一个页面的每条CSS指令。
我怎么能完成这项任务？
答
您可以使用类似于uncss这样的工具来查看应用中的每个页面，并区分结果以查看已删除/未使用的内容在该页面上。
编辑： 您可以用grunt-uncss的过程中使用咕噜多一点自动化或gulp-uncss咕嘟咕嘟。但是，我不确定差异部分。
答
你需要把它们复制到一个新的css文件中，我会建议命名每个CSS文件的具体命名为实际内部的代码，比如你可以有一个布局CSS文件，如果所有页面都相同基本布局。如果特定的页面只有大量的css被他们使用，你可以将它们合并成一个文件。你需要做一次完整的测试，以确保所有页面都有他们需要的cs文件（而且他们实际上并不需要）。 4000线将是一个大任务，但在将来的升级/修订中将更易于管理
你也知道灰尘我的选择器为Firefox？哪个更适合这个任务？ – Revious 2014-09-24 09:33:50
不知道Dust-Me。但是，通过uncss，你可以使用Grunt/Gulp在你的网站上运行它，因此可以自动执行更多的过程:) – 2014-09-24 09:38:00
如果你想编辑你的答案，增加一些关于如何开始这个过程的额外的链接，这将是伟大的 – Revious 2014-09-24 09:41:47