如何在 Chrome 的网络选项卡中搜索所有 ajax 响应?

How to search through all the ajax responses in network tab in Chrome?

如何在 Chrome 的网络选项卡中搜索所有 ajax 回复?

我想这样做是因为 JavaScript 开发人员很难了解哪些信息来自哪个服务调用,特别是如果您是项目新手并且业务逻辑不清楚.此外,在网络选项卡中打开每个服务并搜索这么多服务调用的响应既困难又耗时。

这与今天早上向 search json responses. The solution is the same, star this issue this issue 提出的另一个问题类似。通过蓝色标题最左侧区域的星形图标触发加星标正在搜索中。

给问题加注星标让开发人员知道人们需要什么。星星越多,越有可能越早开始工作。

目前不提供此功能,并且扩展无法添加此类功能,因为网络面板无法以这种方式扩展。

Chrome 或 Firefox 似乎没有办法做到这一点。我的解决方案是使用 Fiddler,它确实支持它。

Microsoft Edge 浏览器的 Inspector 提供了这样的功能。当您需要搜索 Fiddler 无法检查的 HTTPS 网站(如 Facebook 网站)产生的流量时很有用。

在 Firefox 中,您可以将所有响应保存为 HAR 文件,然后在文本编辑器中搜索该文件(Chrome 截断响应)。

现在已在“网络”选项卡上实施。每当添加搜索条件时,Chrome 将提供对所有 headers 和正文的搜索。

See this image

来自 offical doc

的更多内容

Open the Network panel then press Command+F (Mac) or Control+F (Windows, Linux, Chrome OS) to open the new Network Search pane.

从 Chrome 版本 91 开始,如果您想搜索 所有资源 (不仅仅是 AJAX/fetched 资源) , 然后你需要打开 DevTools 然后按 Ctrl+Shift+F 打开一个搜索框。如果您只是在“过滤器”文本输入中键入,那么它只会搜索 URL,而不是搜索内容。