Chrome DevTools-如何在URL触发“保存”对话框时跟踪网络请求

Joh*_*Rix 2 google-chrome-devtools

当输入Chrome地址栏中的URL导致弹出“另存为”对话框(无法识别“内容类型”)时,网络请求将永远不会出现在开发工具的“网络”标签中。

有没有一种方法可以跟踪它以查看来自Chrome内部的响应标题,即。而不求助于tcpdump或fiddler之类的外部工具?

Gid*_*zer 5

是的,可以使用Chrome中提供的网络内部界面以更原始的形式访问请求/响应数据。导航至chrome://net-internals/(无法使其成为链接)

  1. 单击“事件”链接以查看最近的请求和活动套接字。我建议使用顶部的滤波器来消除一些噪音。
  2. 选择与源类型相对应的相关条目URL_REQUEST
  3. 在右侧,您将看到整个数据负载,但是请求标头将显示在该HTTP_TRANSACTION_SEND_REQUEST_HEADERS部分下,而响应标头将显示在该HTTP_TRANSACTION_READ_RESPONSE_HEADERS部分下。

以下是我设置为返回带有'Content-Type': 'application/octet-stream'}标头的响应的简单Node服务器的示例。这将强制浏览器下载。

网络内部