如何访问在浏览器开发工具中显示为选项卡的网络选项卡/对象（及其属性）？

Question

如何在“index.js”代码文件中访问上图中带下划线的“网络”选项卡及其属性。

例如，我可以使用

console

对象访问 Chrome 开发工具中的“控制台”选项卡及其属性。例如：

console.log()
// Or
console.info()

所以真正的问题是，我可以在“index.js”代码文件中访问 Dev Tools 的“Network”选项卡及其属性，甚至其他选项卡，如“Element”或“Source”等吗？

我只能在 Dev Tools 中执行某些特定任务，但无法访问它以在“index.js”代码文件中执行任务。

Answer 1

简单的答案是否定的，网络选项卡仅用于查看 HTTP 请求并获取有关它们的信息以及其他一些用于测试的东西，您无法在代码中获取网络选项卡的属性，也没有任何功能您希望在您的代码中从中得到它，除此之外，您正在寻找的许多东西都可以通过节点 js 和一些 npm 包来实现。