有浏览器API获取页面资源列表吗？
Is there a browser API to get a list of page resources?
我正在开发远程 JavaScript 调试器和页面检查器。我试图找到一种方法来以编程方式获取页面加载的所有页面资产（样式表、脚本、图像、字体等）的列表，并将它们传递给远程检查器。我希望能够在检查员端编辑资产并将它们也传递回客户端。最后，我想在页面加载后强制重新加载资产（例如重新加载样式表）。
是否有任何浏览器 API 或 JavaScript 技术可以做到这一点？
我可以想到两个办法：
- 使用
window.performance获取资产列表。但是，不包含资源内容，并且依赖于解析 URL 来确定它的资源类型。我不确定它是否也包含 CSS 图片之类的东西。
- Scrape/parse
<style>、<script>、<img> 标签的页面并浏览 CSS 以获取更多资源。很费工，容易出错，还不知道里面有资源内容
关于如何做到这一点有什么建议吗？
window.performance.getEntries() 是一个很好的开始。如果您有列表，也许您可以通过手动检索内容来传递它们（您已经有了 URL + 会话）。祝你好运！
我正在开发远程 JavaScript 调试器和页面检查器。我试图找到一种方法来以编程方式获取页面加载的所有页面资产（样式表、脚本、图像、字体等）的列表，并将它们传递给远程检查器。我希望能够在检查员端编辑资产并将它们也传递回客户端。最后，我想在页面加载后强制重新加载资产（例如重新加载样式表）。
是否有任何浏览器 API 或 JavaScript 技术可以做到这一点？
我可以想到两个办法：
- 使用
window.performance获取资产列表。但是，不包含资源内容，并且依赖于解析 URL 来确定它的资源类型。我不确定它是否也包含 CSS 图片之类的东西。 - Scrape/parse
<style>、<script>、<img>标签的页面并浏览 CSS 以获取更多资源。很费工，容易出错，还不知道里面有资源内容
关于如何做到这一点有什么建议吗？
window.performance.getEntries() 是一个很好的开始。如果您有列表，也许您可以通过手动检索内容来传递它们（您已经有了 URL + 会话）。祝你好运！