单击链接弹出新的下载选项卡并立即关闭时，如何在 Chrome 开发者工具中捕获网络信息？

Question

I\xe2\x80\x99m 尝试使用 chrome devtools 来查看网络请求是什么。

\n

但对于某些链接，将创建一个新选项卡用于下载文件，下载文件后该选项卡将立即关闭。

\n

我没有时间检查新选项卡中涉及的网络请求。有没有办法强制在原始窗口中下载，以便我仍然可以看到网络活动？

\n

Answer 1

正如这个答案所暗示的，你可能想使用net exportchromechrome://net-export/

怎么运行的？

1. 您打开一个新选项卡并输入chrome://net-export/
2. 按下start logging to disk按钮并选择一个文件
3. 做任何事
4. 按下stop recording按钮并检查文件（应格式化为可读）

如何重现？

function popup() {
  window.open('https://google.com', '_blank')
}

<button onclick="popup()">
  click me
</button>

您将获得比您想要的更多的信息，因此 - 在查看所有交通详细信息时要有耐心，并且 - 让您的录音尽可能有针对性和简短

享受

编辑

@Nathan 在评论中提出了一个公平的观点 - 这种方法不是视觉的。netlog 查看器是一个可以帮助可视化数据的工具

1. 使用链接，按下choose file按钮并上传 json 文件
2. 在左侧菜单中选择events- 这将在一个大表中显示所有事件
3. 使用URL_REQUEST或过滤表
4. 单击每个项目可检查并获取详细信息（如：url、标头、方法等）

还有其他很酷的工具（例如时间线），但它与 Chrome 开发工具不同。这个解决方案只是为开发人员提供的另一套工具，仅此而已