How to Create a .HAR File for Troubleshooting

Scenario: the customer support team is unable to reproduce a problem that you are experiencing. In order to help them out, you have kindly offered to record what you are experiencing so that the team can analyze the XPunch code your browser receives so that the technical support staff can diagnose and resolve the problem.

What you want to do: you'll want to create something called a .HAR file. "What is a .HAR file?" you might ask. It is an archive file format for logging a web browser's interaction with a site. In this case, that site will be XPunch.

You'll want to follow the steps outlined below. A demonstration video follows after the steps.

Chrome (steps are similar on Edge & Firefox)

1. Close all of your browser windows.
2. Open a Chrome browser window in Incognito mode. If you do not know how to do this, please consult an article entitled How to go incognito in Chrome, Edge, Firefox and Safari.
3. Enter Developer Mode (press F12).
4. From the panel that opened, select the Network tab.
5. You can resize the panel if you feel that it's too small.
6. 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.
7. Make sure that there is a checkmark on Preserve log box.
8. Click the Clear button (  ) to clear out any existing logs from the Network tab.
9. Reproduce the issue that you were experiencing before, while the network requests are being recorded.
10. Once you have reproduced the issue, right-click anywhere on the grid of network requests, select Save as HAR with Content, and save the file to your computer.
11. Upload your HAR file to your ticket or attach it to your email so that our Support team can analyze it.