有没有优化JS/CSS文件的浏览器插件?

Are there any browser-plugins for optimizing JS/CSS files?

本文关键字：浏览器插件文件 CSS 优化 JS 有没有更新时间：2023-09-26

我有一个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/