仅提取特定页面中使用的CSS?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (34)

假设有一个动态生成的站点,过去和现在都有太多的人在其中工作,现在已经拥有了一个包含超过20,000行CSS的共享样式表集合。它根本没有组织,有一些类和基于id的选择器,但也有太多的基于标签的选择器。然后假设你有100个模板使用这些样式,通过一些控制器。

是否有一个工具,比如Firebug,可以指向一个url,它将确定该页面的所有适用CSS选择器并将它们转储到文件中?基本上,某种方式可以在一个页面的基础上撕开共享的样式表。

提问于
用户回答回答于

我以前使用过Dust-Me选择器,这是一个Firefox插件,它非常容易使用,而且功能广泛,因为它在许多使用CSS值的页面上维护了一个组合列表。

缺点是我无法自动化它来爬行整个站点,所以我最终只在我的站点的关键页面/诱惑上使用它,尽管如此,它还是非常有用的。

用户回答回答于

(对Firefox来说不是,但也许这对某人有帮助)

如果正在使用Chrome,可以使用以下扩展:

CSS删除和合并(

  • 允许下载带有所有已使用样式的组合css。
  • 在弹出窗口中显示未使用的样式。
  • 包括生成的样式

所属标签

可能回答问题的人

  • 嗨喽你好

    7 粉丝480 提问9 回答
  • uncle_light

    5 粉丝518 提问8 回答
  • 人生的旅途

    10 粉丝484 提问7 回答
  • 富有想象力的人

    3 粉丝0 提问7 回答

扫码关注云+社区

领取腾讯云代金券