How to generate a HAR file

Description

Environment
Adobe Experience Manager

Issue
You may need detailed information about network requests within your browser for troubleshooting.

A HAR file is helpful because it contains HTTP transaction history of the browser. This article describes how to generate the HAR file.

Web Browser Environments

  • Chrome
  • Edge
  • Firefox
  • Safari

Resolution

Solution

Chrome
 1. Open DevTools (press F12 on your keyboard).
 2. Select the Network tab.
 3. Check the Preserve log checkbox.
 4. Check the Disable cache checkbox.
 5. Reproduce the problem you want to investigate and confirm that Network tab displays detailed HTTP transactions.
 6. Select Export HAR.
 7. Specify a file name and save it.

Edge
 1. Open DevTools (press F12 on your keyboard).
 2. Select the Network tab.
 3. Check the Preserve log checkbox.
 4. Check the Disable cache checkbox.
 5. Reproduce the problem you want to investigate and confirm that Network tab displays detailed HTTP transactions.
 6. Select Export HAR.
 7. Specify a file name and save it.

Firefox
 1. Open DevTools (press F12 on your keyboard).
 2. Select the Network tab.
 3. Check the Gear icon > Persist logs checkbox.
 4. Check the Disable Cache checkbox.
 5. Reproduce the problem you want to investigate and confirm that Network tab displays detailed HTTP transactions.
 6. Select the Gear icon > Save All As HAR.
 7. Specify a file name and save it.

Safari
 1. Open DevTools (press F12 on your keyboard).
 2. Select the Network tab.
 3. Check the Preserve Log checkbox.
 4. Press Use the resource cache when loading resources and change to Ignore the resource cache when loading resources.
 5. Reproduce the problem you want to investigate and confirm that Network tab displays detailed HTTP transactions.
 6. Select Export.
 7. Specify a file name and save it.

On this page