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

Question

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

User · Answer

HAR import works seamlessly in Firefox  Open Web Developer -  Network Tab -  HAR -  Import      Top-right corner of web developer tool   HAR Import Option

User · Answer

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

User · Answer

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

User · Answer

There are a couple of online  offline tools how to do this    HAR viewer HAR analyser   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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

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

User · Answer

If I am not late      For Firefox  one can import the same har file from Network tab

User · Answer

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

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

Examples related to debugging

Examples related to google-chrome

Examples related to har