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

Debugging Problem Overview

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.

Debugging Solutions

Solution 1 - Debugging

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

http://www.softwareishard.com/har/viewer/ (older version)
http://gitgrimbo.github.io/harviewer/master/ (up-to-date master branch)

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

Solution 2 - Debugging

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

Solution 3 - Debugging

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:

Solution 4 - Debugging

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...

Select the "HTTPArchive" Option

Browse to your HAR file

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

Solution 5 - Debugging

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

Solution 6 - Debugging

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."

Solution 7 - Debugging

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

Solution 8 - Debugging

If I am not late....

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

Solution 9 - Debugging

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

Solution 10 - Debugging

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

Solution 11 - Debugging

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

HAR Import Option

Solution 12 - Debugging

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.

Content Type	Original Author	Original Content on Stackoverflow
Question	DefyGravity	View Question on Stackoverflow
Solution 1 - Debugging	Nizar	View Answer on Stackoverflow
Solution 2 - Debugging	Xchai	View Answer on Stackoverflow
Solution 3 - Debugging	Salvador Dali	View Answer on Stackoverflow
Solution 4 - Debugging	C B	View Answer on Stackoverflow
Solution 5 - Debugging	C B	View Answer on Stackoverflow
Solution 6 - Debugging	Astaar	View Answer on Stackoverflow
Solution 7 - Debugging	Barani r	View Answer on Stackoverflow
Solution 8 - Debugging	Sanjay Maurya	View Answer on Stackoverflow
Solution 9 - Debugging	S Krishna	View Answer on Stackoverflow
Solution 10 - Debugging	Zander	View Answer on Stackoverflow
Solution 11 - Debugging	Lalitanand Dandge	View Answer on Stackoverflow
Solution 12 - Debugging	Arjun Thakur	View Answer on Stackoverflow