CODEWITHSUNDEEP
google-chromegoogle-chrome-devtoolshar
Sandeepa
Sandeepa

Reputation: 3755

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

Is there a way to create a har file with xhr request only in chrome dev tools?

Even though I can filter the requests in dev tools, when I save it as a har file, it contains all the requests.

If the dev devtools doesn't support that, is there a alternative way to do this?

Upvotes: 9

Views: 6758

Answers (2)

irlatech
irlatech

Reputation: 67

I recently came across this same issue while doing some research for mocking network calls in playwright. It does provide ability to record only the call you are interested in. Here is the link: https://playwright.dev/docs/network#recording-har-with-cli

Upvotes: 0

Sandeepa
Sandeepa

Reputation: 3755

Seems like there is no direct way to filter the requests. What I did was, creating the har file with all the requests and filter that file, then save it again after removing unwanted requests.

There is a entry called entries in the content inside har file. It contains all the requests we have sent in an array. I got the har file content and filtered it using JSONPath expressions.

About JSONPath, JSONPAth evaluator

Expression to filter application/json types : $..entries[?(@.response.content.mimeType == "application/json")]

After that I have replaced the entries array with the one I have filtered in the har file and saved it again. This way you can get a har file with filtered requests. Same way you can filter XHR or any other types using the relevant JSONPath expression

Upvotes: 8

Related Questions