How-to get a HAR file from your browser to troubleshoot UI issues with Terraform Enterprise/Cloud

Avatar
Sean
  • Updated

Introduction

An HTTP Archive (HAR) file contains a JSON-formatted log of all network requests and responses between a web browser and a server. Generating a HAR file is a common method for troubleshooting user interface (UI) issues in web applications like HCP Terraform and Terraform Enterprise.

This guide provides instructions for creating a HAR file in several common web browsers.

Expected Outcome

You will successfully generate and save a HAR file that captures the network activity related to a specific UI issue, which can then be provided for analysis.

Procedure

The specific steps to create a HAR file may vary slightly depending on your browser version and operating system. The following instructions are based on recent versions of popular browsers.

Mozilla Firefox

  1. Click the Application Menu (hamburger icon) in the upper-right corner.
  2. Select More Tools > Web Developer Tools (or press Ctrl+Shift+I on Windows/Linux or Cmd+Option+I on macOS).
  3. In the developer tools panel, select the Network tab.
  4. Click the settings icon (a small gear) and enable Persist Logs.
  5. Click the trash can icon (Clear) to remove any previous network activity.
  6. With the developer tools still open, replicate the UI issue you are troubleshooting.
  7. After replicating the issue, right-click on any of the network requests displayed in the log.
  8. Select Save All as HAR from the context menu and save the file.

Google Chrome

  1. Click the Customize and control Google Chrome menu (three vertical dots) in the upper-right corner.
  2. Select More Tools > Developer Tools (or press Ctrl+Shift+I on Windows/Linux or Cmd+Option+I on macOS).
  3. In the developer tools panel, select the Network tab.
  4. Enable the Preserve log checkbox.
  5. Click the Clear icon (a circle with a line through it) to remove any previous network activity.
  6. With the developer tools still open, replicate the UI issue you are troubleshooting.
  7. After replicating the issue, right-click on any of the network requests displayed in the log.
  8. Select Save all as HAR with content from the context menu and save the file.

Microsoft Edge (Chromium-based)

  1. Click the Settings and more menu (three horizontal dots) in the upper-right corner.
  2. Select More tools > Developer tools (or press Ctrl+Shift+I on Windows/Linux or Cmd+Option+I on macOS).
  3. In the developer tools panel, select the Network tab.
  4. Enable the Preserve log checkbox.
  5. Click the Clear icon to remove any previous network activity.
  6. With the developer tools still open, replicate the UI issue you are troubleshooting.
  7. After replicating the issue, right-click on any of the network requests displayed in the log.
  8. Select Save all as HAR with content from the context menu and save the file.

Articles in this section

Related articles