即使未打开开发工具，如何在 Chrome 的网络选项卡中记录 XHR 请求？答案

【问题标题】：How to log XHR request in Network Tab in Chrome even when dev tools is not opened?即使未打开开发工具，如何在 Chrome 的网络选项卡中记录 XHR 请求？
【发布时间】：2019-02-12 20:50:35
【问题描述】：

无论开发工具是否打开，Chrome 控制台都会保留日志。我希望网络标签也一样。

即使没有打开开发者工具，是否也可以在 Chrome 中记录 XHR 请求？如果没有，在其他浏览器中是否可以？

【问题讨论】：

你对这笔赏金有什么期望？
答案？也许在 chrome 或其他浏览器中。
请注意，这听起来对您的计算机来说是一个巨大的安全问题，因为它能够查看发生的所有请求的日志。

标签： javascript ajax google-chrome xmlhttprequest

【解决方案1】：

您可以为此使用浏览器外部的代理，例如 Fiddler。太好了，工具的作者甚至在 Stack Overflow 上回答了有关它的问题！

https://www.telerik.com/fiddler

（我不为 Fiddler 工作，但在浏览器拥有开发工具之前的日子里，它就在我们身边）

【讨论】：

谢谢...这是迄今为止最好的答案！...您知道如何过滤来自特定网站的 XHR 吗？
这是完全可能的，我一直这样做——Fiddler 有各种过滤选项。还有其他产品也可以在浏览器之外执行此操作。请为此发布一个新问题，我们将回答，我认为不太适合 cmets（当前问题针对的是 Chrome 的网络选项卡，因此将其放在这里似乎不合适）

【解决方案2】：

听起来你想要一些日志记录。 Chrome 有一堆内部存储的东西，你可以查看 chrome://chrome-urls/

特别是 chrome://net-export/ chrome://net-internals/#events 也可能很有趣。这些东西可以跨标签工作，所以 imo 比打开 20 个 chrome 控制台要好=p

https://dev.chromium.org/for-testers/providing-network-details

【讨论】：

感谢您的信息。但它似乎并没有多大用处。仅仅为了一个 xhr，我就得到了 100 行 json
@dasfdsa 好吧，它是 json。编写一些查询来过滤它。我认为与更少的信息相比，拥有更多的信息不是问题......使用一些lodash或下划线来过滤你的json。 {"params":{"load_flags":16384,"method":"GET","url":"https://s0.2mdn.net/8617621/1533737368131/scripts/polite-load.js"},"phase":1,"source":{"id":1936525,"type":1},"time":"509723024","type":97}数据在那里。

【解决方案3】：

很遗憾，当开发人员工具未打开时，无法在 Chrome 的网络选项卡中记录 XHR 请求。而且不知道还有哪个浏览器支持。

替代解决方案

但您可以尝试以下 Chrome 扩展：

ApiRequest.io Ajax Capture Debugging Tool。在浏览器中捕获 API 请求和响应并通过链接共享。让协作调试和问题解决变得更加容易。
Tamper Chrome (extension)。允许用户在请求发生时对其进行修改。
Live HTTP Headers。监控来自浏览器的所有 HTTP/HTTPS 流量。实时 HTTP 标头记录您的 Chrome 浏览器和互联网之间的所有 HTTP 流量。

关于“ApiRequest.io Ajax Capture Debugging Tool”，您可以阅读这篇开发者文章：

How we captured AJAX requests from a website tab with a Chrome Extension

您也可以为其他浏览器找到其中一些扩展。

【讨论】：