CODEWITHSUNDEEP
debugginggoogle-chromehar
DefyGravity
DefyGravity

Reputation: 6021

How do I view / replay a chrome network debugger har file saved with content?

I love the network debugger, that being said, what programs are out there that let me step forward and backward through multiple 'hars' so I can replay them? if the 'hars' are saved with content, can the replay handle that as well?

right now I just read through in textpad, but if I have to present any of my findings a nice 'har player' could greatly help non-technical folk.

Upvotes: 219

Views: 388905

Answers (12)

Xchai
Xchai

Reputation: 1978

  1. Drag and drop:

Chrome Dev Tool's "Network" tool now allows you to import HAR files by drag-and-dropping into the window.

OR

  1. Use the Import Har button: import har file in chrome under network tab

Upvotes: 164

Barani r
Barani r

Reputation: 2367

Drag and drop is best solution. I am just showing another way to import by clicking the HAR import icon: enter image description here

Upvotes: 9

Sanjay Maurya
Sanjay Maurya

Reputation: 383

If I am not late....

For Firefox, one can import the same har file from Network tab.Firefox Network tab with import HAR file

Upvotes: 9

Arjun Thakur
Arjun Thakur

Reputation: 349

Open chrome browser. right click anywhere on a page > inspect elements > go to network tab > drag and drop the .har file You should see the logs.

Upvotes: 4

S Krishna
S Krishna

Reputation: 1333

  1. Open Chrome & click F12
  2. Click Network
  3. Drag and drop the har file in the chrome network tab.

enter image description here

Upvotes: 7

Lalitanand Dandge
Lalitanand Dandge

Reputation: 21

HAR import works seamlessly in Firefox: Open Web Developer -> Network Tab -> HAR -> Import ... (Top-right corner of web developer tool)

HAR Import Option

Upvotes: 2

Nizar
Nizar

Reputation: 1526

There is an HAR Viewer developed by Jan Odvarko that you can use. You either use the online version at

Or download the source-code at https://github.com/janodvarko/harviewer.

EDIT: Chrome 62 DevTools include HAR import functionality. https://developers.google.com/web/updates/2017/08/devtools-release-notes#har-imports

Upvotes: 131

C B
C B

Reputation: 2000

Chrome now supports loading HAR files. Open Chrome, Press F12, Click on the Network Tab. Drag and drop the .har file DONE !

Upvotes: 23

C B
C B

Reputation: 2000

The Most Reliable way to replay har file is using a free tool like Fiddler, the tool is always free and can be downloaded quickly. The sites for the opening har file are all buggy and cannot open large files. Fiddler is available for all platforms.

https://www.telerik.com/download/fiddler

Go to File Menu -> Import Sessions...

Open Fiddler

Select the "HTTPArchive" Option

Select the Http Archieve option

Browse to your HAR file

enter image description here

The HAR file will open and replay on the fiddler window.

Upvotes: 26

Salvador Dali
Salvador Dali

Reputation: 222889

There are a couple of online, offline tools how to do this:

But the one that I liked the most, is a browser extension (tried it in chrome, hopefully it works in other browsers). After installation, it appears in your apps as HAR viewer. Then you can upload you HAR file and see something like this:

enter image description here

Upvotes: 26

Zander
Zander

Reputation: 2684

Hardiff.com is pretty useful tool. It allows you to compare one or more .har files.

Upvotes: 2

Astaar
Astaar

Reputation: 6618

Edit: Harhar is now open source. I have updated the URL below.

If you use an Avalanche load generator, you can use Harhar to replay a HAR file at very high load: https://acastaner.github.io/harhar/

This tool handles the "content" you use when you "Save as HAR with content."

Upvotes: 8

Related Questions