我的网站有一个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(聚合类)中。
答案 0 :(得分:1)
回答我自己的问题。适用于Firefox的“Dust Me Selectors”插件可以满足我的需求。它解析实时页面,并为您提供已使用和未使用的选择器的单独列表。
我可以手动浏览此列表以执行我需要执行的操作。
https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/