google-chrome - 我可以从 Chrome 开发工具导出 HAR 文件，其中仅包含来自网络选项卡的过滤请求吗？

Question

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

Answer 1

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

DevTools saves all requests that have occurred since you opened DevTools to the HAR file. There is no way to filter requests, or to save just a single request.

引用 https://developer.chrome.com/docs/devtools/network/reference/#save-as-har
但是，由于 HAR 文件只是一个 JSON，您可以使用 jq 之类的东西来提取您感兴趣的请求。
假设您从维基百科页面导出了一个 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 documentation 推荐使用 --slurpfile 而不是 --argfile 。但是， --slurpfile 此处会创建 entries:[[]] ，而 --argfile 会创建 entries:[] (这是您需要的)。虽然这可能只是我不知道太多 jq ......
也可以看看:

Create a har file with xhr request only in chrome dev tools