我正在开发远程 JavaScript 调试器和页面检查器。我试图找到一种方法来以编程方式获取页面加载的所有页面 Assets (样式表、脚本、图像、字体等)的列表,并将它们传递给远程检查器。我希望能够在检查员端编辑 Assets 并将它们也传递回客户端。最后,我想在页面加载后强制重新加载 Assets (例如重新加载样式表)。
是否有任何浏览器 API 或 JavaScript 技术可以执行此操作?
我可以想到两种方法:
- 使用
window.performance
获取 Assets 列表。但是,不包含资源内容,并且依赖于解析 URL 来确定它的资源类型。我不确定它是否也包括 CSS 图像之类的东西。 - 抓取/解析
<style>
的页面,<script>
,<img>
标记并查看 CSS 以获取其他资源。非常费力且容易出错,而且我仍然不知道它包含资源内容。
关于如何做到这一点有什么建议吗?
最佳答案
window.performance.getEntries() 是一个很好的开始。如果你有列表,也许你可以通过手动检索内容来传递它们(你已经有了 URL + session )。祝你好运!
关于javascript - 是否有浏览器 API 来获取页面资源列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31299478/