Skip to Content
Author's profile photo Amy Lv

View Network Trace(.har) Generated by Chrome Developer Tool

Both IE and Firefox can work with HTTPWatch tool downloaded from However for problem only happen in Chrome, it is hard to analyze because HTTPWatch can not be used. Instead Chrome developer tool is used to capture network trace that can only be saved as .har format file. This blog explains how to collect network trace and how to view it remotely.

1. Open web application using Chrome.

2. Press F12 of keyboard, then Chrome developer tool shows up. Select “Network” tab and click “Preserve log” and “Record” button to start recording.


3. Operate in web application, request and response data will be collected.

4. Right click and choose”Save as HAR with content” to save trace.


5. Access online HAR Viewer tool and drag saved .har file into it. This link only support dragging in Chrome and IE.

Also there is one plugin HTTP Trace – Chrome Web Store for Chrome that can collect request and response header. Access this link via Chrome, then could see


on the right top area. Click it to install this plugin. Then could see icon /wp-content/uploads/2016/06/tool_icon_968092.pngnext to address bar of Chrome. Once open it, it will open one popup. Then operate in web application, all request and response header will be captured. Unfortunately this tool does not have Save functionality, thus need Ctrl+A, Ctrl+C and Ctrl+V to save all output as .txt file for remote analysis.


Assigned Tags

      You must be Logged on to comment or reply to a post.
      Author's profile photo Hemanth Kumar
      Hemanth Kumar

      Good work Amy 🙂 .

      With the latest Firefox versions, HTTPWATCH is not supported:

      This is going to be a issue going forward. Hopefully you can find the replacement and write another valuable blog 🙂 .

      Kind regards,


      Author's profile photo Hemanth Kumar
      Hemanth Kumar

      Edit: New HTTPWATCH has firefox plugin, so above issue is solved.