Context

From time to time, it will be necessary to generate a HAR file for Conduktor Support to facilitate in troubleshooting an issue with Console.  This article outlines how to do this.

Solution

1. Open Chrome DevTools

• Open Chrome and navigate to the page where the panel isn’t loading.
• Right-click anywhere on the page and select Inspect, or press Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac) to open Chrome DevTools.

2. Go to the Network Tab

• In DevTools, click on the Network tab.
• Make sure the checkbox Preserve log is selected to capture the full session, even if the page reloads.

3. Disable Caching (Optional but Recommended)

• At the top of the Network tab, you’ll see a checkbox for Disable cache. Check this box to make sure Chrome loads everything fresh from the server rather than using cached resources.

4. Reload the Page

• Refresh the page (Ctrl + R on Windows/Linux or Cmd + R on Mac) to start capturing network activity. The Network tab will show all the resources being loaded.

5. Reproduce the issue

• Interact with the page as necessary to trigger the panel loading process. All the requests will be recorded in the Network tab.

6. Export the HAR file

• Once you've reproduced the issue, right-click on any of the network requests listed in the Network tab.
• Select Save all as HAR with content. This will save all the network traffic, including the panel that isn't loading.

7. Upload the HAR file

• Upload the HAR file onto the ticket you have created with our support team, clearly indicating at what time the issue was reproduced and the behaviour you witnessed.