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

Question

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

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

我可以想到两种方法:

1. 使用window.performance获取 Assets 列表。但是，不包含资源内容，并且依赖于解析 URL 来确定它的资源类型。我不确定它是否也包括 CSS 图像之类的东西。
2. 抓取/解析 <style> 的页面, <script> , <img>标记并查看 CSS 以获取其他资源。非常费力且容易出错，而且我仍然不知道它包含资源内容。

关于如何做到这一点有什么建议吗？

Answer 1

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