How to Generate a HAR File for Troubleshooting

Edited

Generate a HAR file for Albert Support

Audience: Albert users experiencing browser issues Β· Goal: Capture and send a HAR file so Support and Engineering can diagnose problems quickly.

A HAR file helps Albert Support understand what is happening in your browser when an issue occurs. It records network requests, errors, blocked calls, and timing information so our Engineering team can diagnose problems efficiently.

This guide shows how to generate a HAR file in:

  • Google Chrome

  • Microsoft Edge

  • Mozilla Firefox

  • Safari (macOS)

On this page

What is a HAR file and why is it needed?

Support may ask for a HAR file when browser requests are failing or behaving inconsistently.

We may ask for a HAR file when:

  • Downloads (labels, PDFs, templates) fail.

  • Albert pages load indefinitely.

  • Buttons do not respond.

  • Network or timeout errors appear.

  • Issues happen on some networks but not others (e.g., works at home but not at the office).

  • Support cannot reproduce the issue internally.

A HAR file includes only browser-level diagnostic information β€” it does not expose passwords or sensitive Albert data.

Important before you start

Follow these guidelines for the most accurate HAR file:

  1. Do not close Developer Tools until you’ve saved the HAR file.

  2. Start recording first, then reproduce the issue.

  3. Save the HAR file and attach it to your support ticket.

  4. Include Console logs as well, if Support has requested them.

Google Chrome

  1. Open the page in Albert where the issue occurs.
    Stay on the screen before the error happens.

  2. Open Developer Tools.
    Choose one:

    • Press F12

    • Right-click on the page β†’ Inspect

    • Chrome menu β†’ More tools β†’ Developer tools

  3. Enable β€œPreserve log”.

    • In DevTools, click the gear (βš™) or settings icon and enable Preserve log.

    • On the Network tab, check Preserve log as well.

  4. Start recording on the Network tab.
    On the Network tab:

    • Click Clear (⟳) to reset any existing logs.

    • Make sure the recording icon ● is red (if it’s grey, click it to start recording).

    Chrome DevTools Network tab with Preserve log and recording enabled

  5. Reproduce the issue.
    Perform the exact steps that cause the problem. For example:

    • Click the button that usually fails.

    • Try to download the label / PDF / template.

    • Navigate to the page that fails to load.

    You should see entries appear in the Network panel while you do this.

  6. Download the HAR file.
    Once the issue has been reproduced:

    • Click the Download (↓) icon at the top of the Network tab.

    • Choose where to save the file.

    • Name it something clear like Issue HAR.

    • Chrome saves it with a .har extension.

    Example of saving a HAR file in Chrome

  7. Attach the files to your support ticket.
    Include:

    • The HAR file.

    • Console logs (if captured).

    • Screenshot(s) of the issue.

    • The steps you followed to reproduce it.

Microsoft Edge

Steps in Microsoft Edge are nearly identical to Chrome.

  1. Open Developer Tools.

    • Press F12, or

    • Menu β†’ More tools β†’ Developer tools

  2. Enable β€œPreserve log”.
    In DevTools:

    • Console tab β†’ enable Preserve log.

    • Network tab β†’ enable Preserve log.

  3. Clear the Network tab.
    Network tab β†’ Clear (⟳).

  4. Start recording.
    Ensure the recording icon ● is red.

  5. Reproduce the issue.

  6. Export the HAR file.
    Network tab β†’ Right-click β†’ Save all as HAR.

  7. (Optional) Save Console logs.
    Console tab β†’ Right-click β†’ Save as…

  8. Attach files to the support ticket.
    Include the HAR file, Console logs (optional), and any screenshots.

    Saving HAR in Microsoft Edge



Mozilla Firefox

  1. Open Developer Tools.
    Press F12, or go to Menu β†’ More Tools β†’ Web Developer Tools.

  2. Enable logging settings.
    Console tab:

    • Click Settings (βš™οΈ).

    • Check Persist Logs.

    Network tab:

    • Click Settings (βš™οΈ).

    • Check Persist Logs.

  3. Clear the Network tab.
    On the Network tab, click Clear.

  4. Reproduce the issue.

  5. Export HAR.
    On the Network tab:

    • Click HAR export, or

    • Right-click β†’ Save All As HAR.

  6. Save Console logs.
    Console β†’ Right-click β†’ Save all messages to file.

  7. Attach results to your support ticket.
    Include the HAR file and the Console log file.

Safari (macOS only)

  1. Enable Developer Tools (first time only).
    In Safari:

    • Go to Settings β†’ Advanced.

    • Check Show Develop menu in the menu bar.

  2. Open Web Inspector.
    Develop β†’ Show Web Inspector.

  3. Enable logging settings.
    Console:

    • Click Preserve Log.

    Network:

    • Check Preserve Log.

  4. Clear the Network tab.
    Click Clear (⟳).

  5. Reproduce the issue.

  6. Export HAR.
    Network tab β†’ Export (↧ icon).

  7. Save Console output (optional).

    • Console tab β†’ Select all.

    • Copy and paste into a text file.

    • Save as console_logs.txt.

  8. Attach HAR + Console logs to your Support ticket.

What to send to Support

Include these items in your ticket so we can identify the root cause faster:

  • βœ” The HAR file.

  • βœ” Console log (if requested).

  • βœ” Screenshot(s) of the issue.

  • βœ” A brief description of the steps you followed.

This information helps us diagnose network-related issues much more quickly and provide a precise fix or next step.

Was this article helpful?

Sorry about that! Care to tell us more?

Thanks for the feedback!

There was an issue submitting your feedback
Please check your connection and try again.