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

【问题标题】：Create a har file with xhr request only in chrome dev tools仅在 chrome 开发工具中使用 xhr 请求创建 har 文件
【发布时间】：2020-02-08 01:36:14
【问题描述】：

有没有办法仅在 chrome 开发工具中创建带有 xhr 请求的 har 文件？

尽管我可以在开发工具中过滤请求，但当我将其保存为 har 文件时，它包含所有请求。

如果开发者开发工具不支持这一点，是否有其他方法可以做到这一点？

【问题讨论】：

【解决方案1】：

似乎没有直接的方法来过滤请求。我所做的是，创建包含所有请求的 har 文件并过滤该文件，然后在删除不需要的请求后再次保存。

har 文件内的内容中有一个名为entries 的条目。它包含我们在一个数组中发送的所有请求。我得到了har 文件内容并使用JSONPath 表达式对其进行过滤。

过滤application/json类型的表达式：$..entries[?(@.response.content.mimeType == "application/json")]

之后，我将条目数组替换为我在har 文件中过滤的数组并再次保存。通过这种方式，您可以获得带有过滤请求的har 文件。同样，您可以使用相关的JSONPath 表达式过滤XHR 或任何其他类型

【讨论】：