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

Question

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

是否有任何浏览器API或JavaScript技术可以执行此操作？

我可以想到两种方式：

1. 使用window.performance获取资产列表。但是，不包含资源内容，并依赖于解析URL以确定它所属的资源类型。我不确定它是否包含CSS图像等内容。
2. 抓取/解析<style>，<script>，<img>标记的页面，并查看CSS以获取更多资源。非常劳动密集且容易出错，我仍然不知道它包含资源内容。

有关如何执行此操作的任何建议吗？

Answer 1

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