我有一个 JavaScript 应用程序,它使用 ExtJS 框架。
这带来了两个问题。
CSS
当使用这个框架时,我最终得到一个巨大的 CSS 文件,其中包含大量未使用的 CSS 声明。此外,由于我还使用了其他一些库,因此我得到了一些需要合并的 CSS 文件。我在浏览器的开发工具中看到了源列表,但我无法从中自动提取列表。
JavaScript
因为我使用的是 ExtJS4 的自动加载机制,所以我最终得到了我需要的源,但这些是多个文件。问题是,类的加载是如此动态(我也在运行中生成一些类名)以至于 dev-toos 的源列表是唯一可靠的方式来了解哪些文件真正被加载,点击整个程序。
Sencha Cmd 根本无法解决这些问题。
是否有任何浏览器插件可以获取所有源 (CSS/JS) 的列表?
和
是否有一些浏览器插件可以生成一个 CSS 文件,其中只包含使用过的 CSS 声明?
最佳答案
对于 css,您可以使用 firefox 的这个插件: https://addons.mozilla.org/en-US/firefox/addon/css-usage/
关于javascript - 是否有任何用于优化 JS/CSS 文件的浏览器插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15498054/