optimization - 从动态网站中删除多余的 css 规则

标签 optimization css css-selectors minify

我正在尝试减小 CSS 文件的大小。它来自一个非常重 CSS 和 JS 的模板。即使使用 CSSMin,CSS 文件大小也是 250kb。

虽然我使用了很多 CSS - 我知道我并没有全部使用它。所以我正在尝试找出可以删除哪些样式。我知道 Dust-Me 选择器 - 但只能静态查看网站。使用 HTML5 和 CSS3 - 网站现在非常动态,我的大部分 CSS 都来自动态事件或“响应式”事件,即 Bootstrap。

问题:有没有一种工具可以“记录”一段时间内我在网站上使用的所有 CSS,这样我就可以点击/悬停/移动到每个元素上并与我的元素进行交互地点。然后最后让我知道哪些样式被使用和未被使用?

最佳答案

CSS 用法是 firefox 的一个很好的扩展。它告诉页面中当前使用了哪些 CSS。

链接:https://addons.mozilla.org/en-us/firefox/addon/css-usage/

关于optimization - 从动态网站中删除多余的 css 规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10886189/

相关文章:

optimization - ARM NEON : How to implement a 256bytes Look Up table

r - R : GenSA running time中的模拟退火

MySQL 大表 JOIN 使数据库崩溃

html - 如何仅在移动设备的媒体查询上折叠 div(无 javascript/仅 bootstrap 4)

css - 跨域中的 bootstrap glyphicons 不起作用

css - 在使用 CSS 单击父 div 后,使 div a 出现并停留

algorithm - 国际象棋 AI 如何确定任何一位棋手是否可以平局?

css - IE7 改变了 css 选择器的顺序

html - 表格中的背景颜色不显示空单元格

html - 选择在 CSS 中具有相同类的另一个元素之前的元素