html - 跟踪页面 CSS 的使用情况

标签 html css

如果我浏览我正在开发的网站,我可以跟踪该页面中使用的任何 CSS 指令。

例如,我可以将写在 main.css 第 1 行的指令关联到页面 Index.htm

我有一个 4000 行的 CSS 文件,我想拆分它。

最好的方法是将它分开页面。

可以移动仅特定于一个页面的每个 CSS 指令。

我怎样才能完成这个任务?

最佳答案

您可以使用类似 uncss 的工具对于应用程序中的每个页面并比较结果以查看该页面上已删除/未使用的内容。

编辑: 您可以使用带有 grunt-uncss 的 Grunt 来进一步自动化该过程。或 Gulp with gulp-uncss .但是,我不确定差异部分。

关于html - 跟踪页面 CSS 的使用情况,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26012933/

相关文章:

html - 使用 div 类访问 div>ul>li

javascript - 使用 JavaScript 创建预制的 CSS 变量

javascript - 图像 slider 过渡未正确循环返回

javascript - 遍历 FileList 声明

html - 无法删除表格单元格中的顶部填充或空格,为什么?

javascript - JQuery 自定义灯箱 - 不透明度淡入淡出

html - 如何使用伪选择器模糊正方形中的文本?

html - CSS 3 col 模板 100% 相同高度

python - Scrapy:无法在 HTML 文档中使用 Xpath、response.css 选择内容

javascript - 使用 Javascript 隐藏和显示 HTML 元素不起作用