是否有浏览器 API 来获取页面资源列表？

Question

我正在研究远程 JavaScript 调试器和页面检查器。我试图找到一种方法来以编程方式获取页面加载的所有页面资产（样式表、脚本、图像、字体等）的列表，并将它们传递给远程检查器。我希望能够在检查员端编辑资产并将它们传递回客户端。最后，我想在页面加载后强制重新加载资源（例如重新加载样式表）。

是否有任何浏览器 API 或 JavaScript 技术可以做到这一点？

我可以想到两种方法：

1. 使用window.performance获得的资产清单。但是，不包含资源内容，并且依赖于解析 URL 来确定它是资源的类型。我不确定它是否也包含 CSS 图像之类的内容。
2. 抓取/解析页面的<style>、<script>、<img>标签并查看 CSS 以获取其他资源。非常劳动密集且容易出错，我仍然不知道它包含资源内容。

关于如何做到这一点的任何建议？

Answer 1

window.performance.getEntries() 是一个很好的开始。如果您有列表，也许您可​​以通过手动检索内容来传递它们（您已经有了 URL + 会话）。祝你好运！