---
title: "Capturing a HAR File for Client-Side Issue Analysis"
slug: "capturing-a-har-file-for-client-side-issue-analysis"
updated: 2026-03-02T15:55:19Z
published: 2026-03-02T15:55:19Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mapp.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Capturing a HAR File for Client-Side Issue Analysis

Some issues only occur in a user’s browser environment and cannot be reproduced through screen sharing. When screen sharing is not possible, a HTTP Archive (HAR) file can be used to capture network activity between the browser and the site for offline analysis.

A HAR file records:

- HTTP requests sent by the browser
- HTTP responses received from servers
- Request headers, response headers, and timing data

HAR files may contain sensitive information such as authentication tokens, session cookies, or personal data. Review the file before sharing it externally.

---

## General preparation (all browsers)

Before starting a capture:

- Close all other browser tabs and windows.
- Restart the browser.
- Only open the site needed to reproduce the issue.
- Avoid background activity such as extensions performing network requests.

This reduces unrelated network traffic in the captured file and improves analysis accuracy.

---

## Chrome

1. Open Chrome.
2. Open Developer Tools by pressing **F12**.
3. Select the **Network** tab.

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-NA5R3NMJ.png)
4. Enable:
  - **Preserve log**
  - **Disable cache**
5. Navigate to the site where the issue occurs.
6. Reproduce the issue. Network activity will be captured automatically.
7. In the toolbar below the Network tab, click the **Download** icon (down arrow).

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-SGG0DHS5.png)
8. Save the HAR file to your computer.

---

## Edge

1. Open Edge.
2. Press **F12** to open Developer Tools.
3. If prompted, confirm by selecting **Open DevTools**.
4. Select the **Network** tab (Wi-Fi style icon).

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-B0ONYHS7.png)
5. Enable:
  - **Preserve log**
  - **Disable cache**
6. Navigate to the site where the issue occurs.
7. Reproduce the issue.
8. In the toolbar below the Network tab, click the **Download** icon (down arrow).

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-2VOJE1XM.png)
9. Save the HAR file to your computer.

---

## Firefox

1. Open Firefox.
2. Press **F12** to open Developer Tools.
3. Select the **Network** tab if it is not already active.

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-4LYIQ0Q9.png)
4. Enable **Disable Cache**.

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-LBX66JQL.png)
5. Navigate to the site where the issue occurs.
6. Reproduce the issue.
7. In the Network tab toolbar, select the **Settings** icon (cog).

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-34P63K3G.png)
8. Choose **Save All As HAR**.
9. Save the HAR file to your computer.

---

## Safari

1. Ensure the **Develop** menu is enabled in Safari preferences.
2. Open Safari.
3. From the menu bar, select **Develop** > **Show Page Resources**, or press **Option + Command + A**.
4. Select the **Network** tab.

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-NW4XDJGM.png)
5. Enable **Disable Caches**.
6. Navigate to the site where the issue occurs.
7. Reproduce the issue.
8. In the Network tab toolbar, click the **Export** icon (up arrow).

![](https://cdn.document360.io/554b9b98-6720-4d8b-9919-c7b203d72648/Images/Documentation/image-08FXXXM4.png)
9. Save the HAR file to your computer.

*Knowledge Base ID: ta97up*