google-chrome - 仅过滤有错误的请求 - Google chrome 网络

Question

如何在 google chrome network devtools 中仅过滤有错误的请求？

Answer 1

选项 1:过滤 HTTP 状态代码
您可以通过状态代码过滤响应 — Here's a useful list带有所有 HTTP 的状态代码。
AFAIK 这个过滤功能已经工作多年了。它通过status-code属性(您可以看到所有可以使用的属性 here, in Google Developers )。
如解释:

status-code. Only show resources whose HTTP status code matches the specified code. DevTools populates the autocomplete dropdown menu with all of the status codes it has encountered.

虽然它不如正则表达式或通配符有用，但它可以缩小很多范围。例如，如果你想查看所有错误 403 的请求，过滤器是 status-code:403 .
有一个有用的情节转折:您可以使用 负过滤器 ，即:-status-code:200 (注意前面的 - 符号)。这将过滤掉所有带有 200 代码的请求，只显示大部分有问题的请求。

排除所有 200 项后，您可以对状态列进行排序以获得更好的体验。
选项 2:使用 HAR 格式
要进行更深入的分析，几乎同样快速，您可以轻松地将整个网络日志及其详细信息导出到 HAR( H TTP AR chive)文件。右键点击:

将其粘贴到您最喜欢的编辑器中。您会看到它只是一个 JSON 文件(纯文本)。您始终可以搜索“错误”或 RegExp 表达式。如果你懂一点JS、Python等，你可以随心所欲地快速解析。
或者您可以将其另存为 *.har文件，例如，并使用 HAR 分析器，如 Google's free analyzer :

有lot of tools这将帮助您分析 HAR 文件。 Paw、Charles 等应用程序可以导入 HAR 并将其作为请求历史记录显示给您。 AFAIK Postman 尚不了解 HAR，但您可以转到您的网络选项卡并以 cURL 格式复制而不是 HAR(或使用 HAR->cURL 转换器，如 this one)并将其直接导入 Postman。