How to capture and gather a HAR file in Google Chrome

To gather a HAR file in Google Chrome, open Developer Tools (F12 or right-click > Inspect), navigate to the Network tab, check "Preserve log" and "Disable cache", reproduce the issue, then right-click any request and choose "Save all as HAR with content".

Steps to Capture a HAR File:

1. Open Chrome and Navigate: Open Chrome to the page where the issue occurs.

2. Open DevTools: Press F12 to open DevTools. Alternatively, you can right-click anywhere and select Inspect, or press Ctrl+Shift+I (Cmd+Option+I on Mac) to open Developer Tools.

3. Navigate to Network Tab: Click on the Network tab in the top panel of the DevTools window.

4. Enable Logging Options:

 a) Click the 'No' icon to clear the network log to start fresh

 b) Ensure the round Record button in the top left of the network tab is red. If it is grey, click it to start recording.

 c) Check the Preserve log checkbox to ensure logs are kept across page loads.

 d) Check Disable cache to ensure all network traffic is captured, as shown in.

5. Reproduce the Issue: Reproduce the action or error you are troubleshooting (e.g., refreshing the page or clicking a button).

6. Export the HAR File: In the Network toolbar, click the Download icon, which will export the HAR file. If you don't see a download icon, try right-clicking on any of the entries and look for an option that says Save all as HAR with content.