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

标签 javascript css web-applications

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

相关文章:

javascript - 超链接上的 event.preventDefault() 不起作用

javascript - 一组矩形的 D3.js 过渡

javascript - 无法在 apache 上加载 javascript 文件

html - 为什么 "W"字母的中间笔划在我的代码笔上非常尖锐?

java - JSP AJAX文件上传

amazon-s3 - 运行 FFmpeg 命令

javascript - 如何使用 Javascript 从 URL 哈希返回整数

jquery - 单击按钮时的 Animate.css Fliptext 效果不佳

html - 为什么此链接不会锚定在左键单击打开的跨度周围?

c# - 对于基于微服务的基础架构,应在 Azure B2C 中定义多少个应用程序?