Generate a HAR File to Capture Browser Network Activity

Introduction

This document describes how to create a HAR file in various browsers to capture and share network activity for troubleshooting.

Overview

If you are expereincing strange UI behaviour in Umbrella, support can request that you record a HAR file. HAR files are an archival format for HTTP transactions that can be used by a web browser to export detailed performance data about web pages it loads. You can record a HAR file or a log of network requests while the issue is occurring and to provide to support for further analysis.

Warning: HAR files contain sensitive information, including page content and cookies. Anyone with access to a HAR file can impersonate your account and access all information submitted during the recording, such as personal details, passwords, or credit card numbers.

Create a HAR File in Chrome

1. Open Chrome.
2. Navigate toMenu > More Tools > Developer tools.
3. In the Developer Tools window, select theNetworktab.
4. Confirm that the record button is active and all types are displayed.
5. If the issue involves multiple web pages or redirects, select thePreserve Logoption to prevent log clearing.
6. Reproduce the browser behavior that requires capturing.
7. ClickExport HARto download the HAR file.
8. Save the file as HAR with Content to your computer.
9. Assign a file name and select a destination.
10. Send this file to support.

chrome_preserve_log.png

Create a HAR File in Edge or Internet Explorer

1. Open Edge or Internet Explorer.
2. Select the...menu and then chooseF12 Developer Tools.
3. In the Developer Tools window, select theNetworktab.
4. Confirm that the play button is grey, indicating that data is being captured.
5. If the issue involves multiple web pages or redirects, deselectClear Entries on redirectto preserve the log.
6. Reproduce the browser behavior that requires capturing.
7. ClickExport as HARto save the file.
8. Send this file to support.

Create a HAR File in Firefox

1. Open Firefox.
2. Navigate toMenu > Web Developer > Networkor useCtrl+Shift+E.
   Fullscreen_2019-07-16__4_51_PM.png
3. Reproduce the browser behavior that requires capturing.
4. If the issue involves multiple web pages or redirects, select thePersist Logsoption to retain all entries.
5. Right-click within the grid and chooseSave all as HAR.
   Fullscreen_2019-07-16__4_55_PM.png
6. Save the capture file.
7. Send this file to support.

Create a HAR File in Safari

1. Open Safari and navigate to the webpage in question.
2. Enable the Develop menu:
   • Go toSafari > Preferences > Advanced.
   • SelectShow Develop menu in menu bar.
     Screen_Shot_2022-04-13_at_8.18.10_AM.png
3. SelectDevelop > Show Web Inspector.
4. In the Web Inspector window, select theNetworktab.
   Screen_Shot_2022-04-13_at_8.21.41_AM.png
5. Select thePreserve logoption within the Network tab.
   Screen_Shot_2022-04-13_at_8.23.45_AM.png
6. Load or reproduce the page behavior you need to capture.
7. ClickExportin the top right corner of the Network tab window.
   Screen_Shot_2022-04-13_at_8.25.27_AM.png
8. Save the HAR file.
9. Send this file to support.