How to Generate a HAR File

Usually Bloomreach Support asks customers for the HAR (HTTP archive) file to closely investigate the issue reported. You can follow the below steps depending on the choice of the browser.

Google Chrome

  1. Open the web page where the issue occurred.
  2. Right-click on the page and select Inspect Element/Inspect. This opens Developer tools . (Shortcut for Windows: CTRL + Shift + i, and for Mac:CMD + opt + i ).
  3. Go to the Network tab.
  4. Keeping the Developer tools tab open, replicate the issue you are facing.
  5. You can see some files in the Developer tools tab. One of the files is highlighted in red. That is the error we are looking for.
  6. Download the file by clicking on the Export button and send it to our support team.

Mozilla Firefox

  1. Navigate to Open menu > Web developer > Network.
  2. Perform a request or reload the page to start capturing the traffic between browser and server.
  3. You can replicate the issue while leaving the tab open.
  4. Right click and choose Save all as HAR and send this file to the support team.

Microsoft Edge

  1. Open Developer tools by using the F12 keyboard shortcut (or CMD + opt + i for Mac).
  2. Refresh the page, so it starts capturing the traffic between the browser and the server.
  3. Replicate the issue while leaving the tab open.
  4. Click on the Export as HAR to save the HAR file and send this file to the support team.

Safari

  1. You have to display the Develop menu in the menu bar. In order to do this go to Safari > Preferences > Advanced. Check the box, so the Develop menu is displayed.
  2. Open the Develop menu on the menu bar.
  3. Choose Start Timeline Recording.
  4. Refresh the page and replicate the issue.
  5. Click the Save button, to download the HAR file, and send the file to the support team.

For example, you want to record the following error on this page, which occurs when the Stop Export button is clicked.

16001600

Open Developer Tools as mentioned in the steps above for Chrome using right click and the Inspect option.

16001600

The Developer Tools panel is displayed on the right.

16001600

You can also pin it to other sides as well by clicking corresponding button you see in the 3 dots menu of the Developer Tools panel.

16001600

Switch to the Network tab of the Developer Tools panel.

16001600

In the Network tab, you can see requests of the browser in the current session.

16001600

Click the button that generates the error, you can see an error request in session history.

16001600

These requests are usually marked in red and have a status code that starts from 4 or 5 such as 400 in this case.
You have captured the error in the session history.
Save the session as a HAR file. Export the HAR file by clicking on the corresponding button and send it to the support team.

16001600

👍

Did this article help you?

Please provide your feedback. We would like to know if our help center is effective in solving your queries. You can also leave comments and suggestions on how we can make our help articles better. You can also suggest topics you’d like us to cover.