在 Google Chrome 开发人员工具的网络选项卡中捕获下载

Capture Downloads in the Network Tab of Google Chrome Developer Tools

Google Chrome 开发人员工具 window 中的网络选项卡显示了几乎所有发出的 http 请求,但当 http 请求导致文件被访问时似乎没有捕获任何内容下载。

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

捕获是什么意思? 如果您的意思是预览选项卡或响应选项卡中没有显示任何内容,那是因为响应是正在下载的实际文件。 我最近尝试在网络选项卡中打开开发工具下载 Oracle JDK 11,这是我得到的:

这个版本我没有特别配置Chrome(Versionone 71.0.3578.98(Build ufficiale)(64位))

正如@jlvaquero 所说,如果您想获取尽可能多的详细信息,请在您自己的本地电脑上尝试使用 WireShark。

您可以使用 Fiddler 更详细地查看您的网络流量:

https://www.telerik.com/fiddler

*我不为提琴手工作

我可以通过从 google 驱动器下载文档并将下载速度限制为 3G 来查看我的情况。

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

例如,跟随 link 将下载文件,但它不会出现在网络选项卡中。

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

类似类型的事情可以使用 javascript 使用(window.open、动态 hyperlink/iframe)完成,它不会出现在网络选项卡中。

各种Javascript方法你可以检查here

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

您可以检查旧版本 chrome 中的 chrome://net-internals 和新版本 chrome 中的 chrome://net-export/ 以监视任何 instance/tab 共 chrome。

注意:您可以通过在chrome的url框中键入chrome://net-export/来查看chrome的内部事件.

Google Chrome 已更新以支持“网络”选项卡中的下载


这个问题是在 2018 年 2 月提出的,当时 Google Chrome 不支持“网络”选项卡中的下载。

我已经通过下载 Google Chrome 的 64.0.3282.140 版本验证了这一点。

然后尝试以下载Spotify为例,发现网络选项卡中没有出现任何事件。

2019 年或之后发布的任何 Google Chrome 版本将捕获“网络”选项卡中的所有下载请求。

我遇到过类似的问题,下面是我的解决方法。

问题:

调试一个锚点 link,点击它下载文件。

调试过程:

步骤

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

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

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

希望对您有所帮助。

  1. 第一步:f12程序员工具栏打开。

  2. 第二步: 转到网络选项卡并找到有问题的视频。通过点击媒体来帮助过滤。

  3. 第三步:如果视频没有保护,您可以右键单击,在新标签页上单击打开并使用crtl + s下载。如果这不起作用是因为视频具有阻止它这样做的参数。在这种情况下,再次 右键单击​​ ,转到复制会话,然后单击 copy as cURL

  4. 第四步: 转到您的 linux 终端(如果您使用 windows 转身),如果您不这样做已安装 curl 输入 sudo apt install curl 然后粘贴从开发者栏复制的 CURL 命令。

  5. 第 5 步: 在执行命令之前,您需要在其末尾添加 --output video.mp4 --insecure,因为它是二进制文件。不安全参数是您是否有证书问题。等待下载完成,开心就好!

Obs:这个link可以帮助你:https://www.hanselman.com/blog/HowToDownloadEmbeddedVideosWithF12ToolsInYourBrowser.aspx

这无需更改 Chrome 的任何设置即可用于单个下载请求。然而,它 不会 自动显示在不同选项卡或 window.

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