# Diagnosing Web Applications with HAR file

- Link: https://www.agilicus.com/faq/diagnosing-web-applications-with-har-file/
- Published: 2024-09-27T16:30:35+00:00
- Author: Don Bowman

In some circumstances it is more efficient to diagnose a web application issue by
generating a HAR file and sharing with Agilicus Support.

### Google Chrome (And Derived Browsers Like Microsoft Edge)

In Google Chrome (and other Chrome-derived browsers such as Microsoft Edge), you
can enter the developer mode (ctrl-shift-I or F12), and then select the ‘Export 
HAR (sanitized)…)’ button.

 1.  Open a new incognito window.
 2.  Click the more actions menu (…) to the right of the toolbar and select **More 
     tools – Developer Tools** (or press F12 or CTRL-SHIFT-I)
 3.  Select the **Network** tab.
 4.  Ensure that Google Chrome is recording. A red button indicates that a recording
     is already in progress. Otherwise, click **Record network log**.
 5.  Select **Preserve Log**.
 6.  Clear any existing logs by clicking **Clear network log** (⌊Troubleshooting with
     har chrome 04⌉).
 7.  Go to the page where the issue occurred and reproduce the issue.
 8.  Click **Export HAR** (the down arrow icon) to export the file as HAR.
 9.  Save the HAR file.

![HAR file analysis for web application diagnostics. This image visually represents
the structure of a HAR file, which is used for debugging web performance issues.
Learn how to use HAR files to diagnose and troubleshoot your web applications effectively.
More information available at Agilicus.](https://www.agilicus.com/www/43d4badd-image-
1024x399.png)

### Firefox

 * To open the developer console in Firefox, click on the Firefox Menu in the upper-
   right-hand corner of the browser and select More Tools > Browser Console. You
   can also use Option + ⌘ + E (on macOS) or Shift + CTRL + C (on Windows/Linux).
 * Refresh the page.
 * Go to the **Network tab** and, click the settings icon (upper right side of the
   panel), choose **Save All As Har**.

![HAR file analysis: Diagnose web application performance issues with HTTP Archive(
HAR) files. Learn to record, analyze, and troubleshoot web application behavior 
using HAR files for faster, more efficient debugging.](https://www.agilicus.com/
www/7f242f84-image-1024x640.png)

### Apple Safari

Ensure the ”Show Develop menu” in the menu bar is checked under Safari > Settings
> Advanced tab.

 * Visit the web page from where you want to export the traffic.
 * Click **Develop** on the _Menubar_, then select **Show Web Inspector**. Refresh
   the page.
 * Go to the **Network tab** and click **Export** on the upper right side of the
   pane.

![HAR file analysis in browser developer tools showing waterfall chart of network
requests for diagnosing web application performance issues. Learn how to use HAR
files for web application troubleshooting.](https://www.agilicus.com/www/aaae3717-
image-1024x640.png)

Note: if he web application is an embedded browser such as Microsoft Webview, set
this environment variable prior to launch.

`WEBVIEW2_ADDITIONAL_BROWSER_ARGUMENTS="--auto-open-devtools-for-tabs"`