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

问题描述 投票:0回答:8

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

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

google-chrome httprequest google-developer-tools
8个回答
18
投票

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

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

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

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

各种 Javascript 方法您可以查看这里

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

您可以检查旧版本 chrome 中的

chrome://net-internals
和新版本 chrome 中的
chrome://net-export/
,以监控 chrome 的任何实例/选项卡发出的任何类型的请求。

注意:您可以通过在chrome的url框中输入

chrome://net-export/
来查看chrome的内部事件。


11
投票

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

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

6
投票

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

问题:

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

调试过程:

步骤

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

enter image description here

  1. 打开 chrome 开发工具,设置 -> 全局 ->

    Auto-open DevTools for popup

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

    Preserve log upon navigation

enter image description here

我希望有帮助。


4
投票

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

https://www.telerik.com/fiddler

*我不为提琴手工作


1
投票

这是真的。下载是在另一个选项卡中完成的,下载完成后该选项卡立即关闭。 Mathias 建议的方法非常出色,并且非常有效:将 foto 转到 chrome://downloads 并复制下载的 URL。然后转到显示链接的页面,打开开发工具/网络,然后粘贴链接并按 Enter。 请求被捕获,您可以获得下载的curl 版本。 杰出的 @马蒂亚斯·舒哈特


0
投票

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

我在这个版本的Chrome(版本71.0.3578.98(Build ufficiale)(64位))中没有特殊配置

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


0
投票

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

enter image description here

enter image description here


-1
投票
  1. 第一步:使用

    f12
    编程器工具栏打开。

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

  3. 第三步:如果视频没有保护,您可以右键单击,单击在新选项卡上打开并使用

    crtl + s
    下载。如果这不起作用,是因为视频具有阻止其这样做的参数。在这种情况下,再次右键单击,转到 COPY 会话,然后单击
    copy as cURL

  4. 第四步:转到您的Linux终端(如果您使用Windows则转过来),如果您没有安装curl,请输入

    sudo apt install curl
    ,然后从开发人员栏中粘贴复制的CURL命令。

  5. 第5步:在执行命令之前,您需要在其末尾添加

    --output video.mp4 --insecure
    ,因为它是二进制文件。不安全参数是指如果您的证书有问题。等待下载完成,开心就好!

观察:此链接可以帮助您:https://www.hanselman.com/blog/HowToDownloadEmbeddedVideosWithF12ToolsInYourBrowser.aspx

© www.soinside.com 2019 - 2024. All rights reserved.