是否有用于优化JS / CSS文件的浏览器插件?

时间:2013-03-19 11:20:19

标签: javascript css web-applications

我有一个JavaScript应用程序,它使用ExtJS框架。

这带来两个问题。

CSS

使用这个框架时,我最终得到一个巨大的CSS文件,其中包含未使用的CSS deklarations的内容。此外,由于我还使用了其他一些库,我得到了一些需要整合的CSS文件。我在浏览器的开发工具中看到了源列表,但我无法从中自动提取列表。

的JavaScript

由于我使用的是ExtJS4的自动加载机制,我最终得到了我需要的源,但这些是多个文件。问题是,类的加载是如此动态(我还在运行中生成一些类名),dev-toos的源列表是唯一可靠的方法来了解哪些文件真正被加载,然后点击整个PROGRAMM。

Sencha Cmd根本无法解决这些问题。

是否有任何浏览器插件,它为我提供了所有来源(CSS / JS)的列表?

是否有一些浏览器插件会生成一个CSS文件,该文件只包含使用过的CSS声明?

1 个答案:

答案 0 :(得分:1)

对于css你可以使用这个firefox的插件: https://addons.mozilla.org/en-US/firefox/addon/css-usage/