How To: Generating Browser Network Trace

Background

Redwood Support may ask you to provide Network Trace (HAR) of your browser while reproducing the issue encountered.

This article describe how to generate the HAR file.

Instructions

To generate the HAR file for Chrome

1.  Open Google Chrome and go to the page where the issue is occurring.
2.  Look for the Vertical ellipsis button ()and select More Tools > Developer Tools  ( or use F12 or ctrl+shift+I ).
3.  From the panel opened, select the Network tab.
4.  Look for a round Record button in the upper left corner of the tab, and make sure it is red. If it is grey, click it once to start recording.
5.  Check the box Preserve log.
6.  Click the Clear button to clear out any existing logs from the Network tab.
7.  Reproduce the issue, while the network requests are being recorded.
8.  Once you have reproduced the issue, in Chrome, click Download/export. Then save the file to your computer: Save as HAR with Content

To generate the HAR file for Firefox

1.  Open Firefox and go to the page where the issue is occurring.
2.  Look for the Vertical ellipsis button ()and select More Tools > Web Developer Tools  ( or use F12 or ctrl+shift+I ).
3.  From the panel opened, select the Network tab.
4. Click the Clear button to clear out any existing logs from the Network tab.
5. In the upper right of the developer tools window, click settings (the small gear icon) and select Persist Logs. 
6.  Reproduce the issue, while the network requests are being recorded.
7.  Once you have reproduced the issue, in Firefox, click settings > Save all as a Har. Then save the file to your computer: Save as HAR with Content

To generate the HAR file for Safari

1.  Open Safari
2.  Browse to the URL in question.
3.  Confirm that the "Develop" menu is visible at the top of the window.
4.  If the "Develop" menu is not visible then go to Safari > Preferences > Advanced > check the box, "Show Develop Menu in menu bar"
5.  Navigate to Develop > Show Web Inspector
6.  Select the Network tab and check the Preserve Log option.
7.  Refresh the page to start capturing traffic.
8.  Reproduce the issue.
9.  Control + click on the resource in question and click "Export HAR".

To generate the HAR file for Edge

1. Open Edge and go to the page where the issue is occurring.
2. Open the DevTools by Select F12 or Select Ctrl + Shift + I (Windows/Linux) or Command + Option + I (macOS) or Select Settings and then More Tools > Developer Tools
3. Select the Network tab, and then click Preserve log.
4. Refresh the page (if needed) and reproduce the problem
5. Select the Export HAR. button in the toolbar to export the trace as a "HAR" file.