在Google Chrome开发者工具的"网络"标签中捕获下载内容

Question

Google Chrome开发者工具窗口中的"网络"标签显示几乎所有的http请求,但在http请求导致文件下载时似乎无法捕获任何内容.

如何在Google Chrome中捕获下载请求？

Answer 1

我确定您的文件下载正在通过打开一个新窗口进行。开发者工具的网络选项卡只捕获当前选项卡的请求。

例如，以下链接将下载文件，但不会出现在网络选项卡中。

<a href="/yourfile.doc" target="_blank">Click Here to Download file</a>

类似类型的事情可以使用 javascript 来完成（window.open，动态超链接/iframe），它不会出现在网络选项卡中。

您可以在此处查看各种 Javascript 方法

我过去曾观察到类似的行为。

您可以检查 chrome://net-internals旧版本的 chrome 和chrome://net-export/较新版本的 chrome 以监视任何类型的 chrome 实例/选项卡发出的任何类型的请求。

注意：在chromechrome://net-export/的url框中输入可以查看chrome的内部事件。

Answer 2

对于单个下载请求，无需更改 Chrome 的任何设置即可实现此功能。但是，它不会自动显示在不同选项卡或窗口中触发的所有下载请求。

1. 在 GUI 中触发下载。
2. 打开 Chrome 的下载历史记录 ( chrome://downloads/)。
3. 右键单击您的下载并Copy link address.
4. 打开DevTools，将链接粘贴到相应Chrome选项卡的地址栏中并执行。
5. 下载请求显示在 DevTools 中。

Answer 3

我也遇到过类似的问题，这就是我解决的方法。

问题：

调试点击后下载文件的锚链接。

调试过程：

脚步

1. 转到chrome://settings/content/automaticDownloads?search=download并禁用auto download

2. 打开 chrome 开发工具，设置 -> 全局 ->Auto-open DevTools for popup

3. 打开 chrome 开发工具，设置 -> 控制台 ->Preserve log upon navigation

我希望这有帮助。