4

我的站点有一个 mondo 大小的 CSS 文件,其中包含站点范围的 CSS 选择器。这个单一文件 ( Mondo.css ) 运行良好,因为我希望用户一次下载这个大文件。

但是,我最近制作了一个小部件控件,它公开了网站的一小部分功能,出于性能原因,我希望有一个较小的 CSS 文件 ( Widget.css ),它只公开小部件实际使用的 CSS 选择器。

有没有我可以使用的运行时工具(可能作为 Chrome、FF 或 IE 的浏览器插件)来分析 CSS 依赖项并帮助我从 Mondo.css 中分解出一个 Widget.css 文件?Widget.css 本质上将成为一个名为“ Site.css ”的新 CSS 文件的基类。

然后,我想要一个工具,它可以让我将 Widget.css(基类)和 Site.css(派生类)拼接到 Mondo.css(聚合类)中。

4

1 回答 1

1

回答我自己的问题。Firefox的“Dust Me Selectors”插件几乎可以满足我的需要。它解析一个活动页面,并为您提供已使用和未使用的选择器的单独列表。

我可以手动浏览这个列表来做我需要做的事情。

https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

http://www.brothercake.com/dustmeselectors/

于 2012-04-29T23:41:54.547 回答