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

时间:2018-02-22 06:55:37

标签: google-chrome httprequest google-developer-tools

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

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

8 个答案:

答案 0 :(得分:3)

Google Chrome浏览器已更新,以支持“网络”标签中的下载


这个问题是在2018年2月提出的,当时Google Chrome浏览器不支持“网络”标签中的下载。

我已通过下载64.0.3282.140版的Google Chrome浏览器对此进行了验证。

Google Chrome Version

然后尝试以下载Spotify为例,发现“网络”标签中没有任何事件。

Spotify Download

2019年或以后发布的任何Google Chrome版本都会捕获“网络”标签中的所有下载请求。

答案 1 :(得分:2)

我确定打开新窗口正在下载文件。的开发工具网络标签仅捕获当前标签的请求。

例如,以下链接将下载文件,但不会显示在“网络”标签中。

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

类似的事情可以使用javascript使用(window.open,动态超链接/ iframe)完成,这不会出现在“网络”标签中。

您可以查看here

的各种Javascript方法

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

您甘蔗检查chrome://net-internals在旧版本的铬和chrome://net-export/在铬的较新版本并监控任何类型的请求由铬的任何实例/选项卡中进行。

注意:您可以通过在chrome的网址框中键入chrome://net-export/来检查chrome的内部事件。

答案 2 :(得分:0)

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

我在此版本的Chrome(版本71.0.3578.98(内部版本)(64位))中没有特殊配置

如@jlvaquero所说,如果您想获得尽可能多的详细信息,请在自己的本地PC上尝试WireShark。

答案 3 :(得分:0)

您可以使用 Fiddler 更细致地了解您的网络流量:

https://www.telerik.com/fiddler

*我不为提琴手工作

答案 4 :(得分:0)

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

enter image description here

enter image description here

答案 5 :(得分:0)

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

  2. 第二步:转到“网络”标签并找到有问题的视频。为了帮助通过单击媒体进行过滤。

  3. 第三步:如果视频没有保护,则可以右键单击,在新标签上单击“打开”,然后使用crtl + s下载。如果这不起作用,是因为视频具有阻止其运行的参数。在这种情况下,再次右键单击,进入“ COPY”会话,然后单击“ copy as cURL”。

  4. 第四步:如果未安装curl,请转到linux终端(如果使用Windows,请旋转),然后键入sudo apt install curl,然后粘贴复制的CURL开发人员栏中的命令。

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

Obs:此链接可以为您提供帮助:https://www.hanselman.com/blog/HowToDownloadEmbeddedVideosWithF12ToolsInYourBrowser.aspx

答案 6 :(得分:0)

这无需更改单个下载请求的 Chrome 的任何设置即可工作。但是,它不会自动显示在不同选项卡或窗口中触发的所有下载请求。

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

答案 7 :(得分:-1)

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

问题:

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

调试过程:

步骤

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

enter image description here

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

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

enter image description here

我希望能有所帮助。