我有一个JavaScript应用程序,它使用ExtJS框架。
这带来了两个问题。
CSS当使用这个框架时,我最终得到了一个巨大的CSS文件,其中包含数百个未使用的CSS声明。此外,由于我还使用了一些其他库,所以我有一些CSS文件需要合并。我在浏览器的开发工具中看到了源代码列表,但我不能自动从中提取列表。
JavaScript因为我使用的是ExtJS4的自动加载机制,所以我最终得到了我所需要的源代码,但它们是多个文件。问题是,类的加载是如此动态(我也会动态生成一些类名),以至于在点击整个程序之后,开发工具的源列表是唯一可靠的方法来知道哪些文件真正加载了。
Sencha Cmd对这些问题根本不起作用。
是否有任何浏览器插件,它让我所有的源(CSS/JS)的列表?
和
是否有一些浏览器插件,生成一个CSS文件,其中只包含使用的CSS声明?
对于CSS,你可以使用firefox的这个插件:https://addons.mozilla.org/en-US/firefox/addon/css-usage/