我可以从 Chrome 开发工具导出 HAR 文件，该文件仅包含来自“网络”选项卡的已过滤请求吗？

Question

在 Chrome 开发工具/网络选项卡中，我使用“-.json -.png -.woff2”等过滤器过滤了请求。我想导出剩余的请求（那些在屏幕上可见的请求）。但是，当我使用“导出 HAR...”图标时，在输出 HAR 文件中，我仍然收到所有请求，包括隐藏的请求。有没有办法做到这一点？

提前致谢

Answer 1

目前这在 Chrome DevTools 中是不可能的：

DevTools 会将自您打开 DevTools 以来发生的所有请求保存到 HAR 文件中。无法过滤请求或仅保存单个请求。

参考号 https://developer.chrome.com/docs/devtools/network/reference/#save-as-har

但是，由于 HAR 文件只是一个 JSON，因此您可以使用 jq 之类的东西来提取您感兴趣的请求。

假设您从 Wikipedia 页面导出了一个 HAR 文件并将其命名为wiki.har. 以下是创建仅包含对该页面上图像的请求的 HAR 文件的方法：

cat wiki.har | jq 'del(.log.entries)' > wiki-with-no-entries.json
cat wiki.har | jq '.log.entries | map(select(._resourceType == "image"))' > image-entries.json
cat wiki-with-no-entries.json | jq '.log += {"entries": $myEntries}' --argfile myEntries image-entries.json > wiki-with-image-entries.json

注1：_resourceType可以是document, image, font, stylesheet, script,other（也许更多？我找不到任何关于此的文档）。

注 2：jq 文档建议使用--slurpfile而不是--argfile. 但是，--slurpfile这里会创建entries:[[]]，同时--argfile创建entries:[]（这就是您所需要的）。这可能只是我不太了解jq...

也可以看看：

• 仅在 chrome 开发工具中使用 xhr 请求创建 har 文件

Answer 2

您可以尝试一下 webQsee ( https://webqsee.com )。它允许您导出过滤的事件。HAR 格式是一种选择。其他选项包括 Excel（还包含控制台输出）和“行为报告”。它们将网络和控制台输出与屏幕视频结合起来。