Retrieve a HAR file

Generate and acquire a HAR file from an internet browser

An HTTP Archive (.har) file logs the interaction of a web browser with a website. The log contains a record of all the network requests made during a session and the corresponding responses, including request and response headers, cookies, and timings.

To assist with troubleshooting, the JWP Support team may ask you to provide a HAR log. This allows Support to see your browser's network requests, which may include information crucial to finding the root of an issue.

Retrieving a HAR file helps JWP Support do the following:

  • Analyze the HTTP conversation to help diagnose errors and enhance loading times
  • Diagnose and debug broken URLs, error codes, and other implementation errors


Generate a HAR file

You can generate a HAR file using a desktop or mobile device.

⚠️

HAR logs may capture sensitive information such as passwords and keys. Before providing JWP Support with a HAR log, please remove any sensitive data. You can edit the file information in a text editor.


Desktop

On a desktop, you can use the developer tools in Google Chrome, Safari, or Firefox to generate and export a HAR file.


Google Chrome

Network tab in DevTools panel

Network tab in DevTools panel

Follow these steps to generate a HAR file in Google Chrome:

  1. On the page where the issue is occurring, press ⌘ + ⌥ + I (Mac) or Ctrl + Shift + I (Windows). The Chome DevTools panel appears.

    💡

    As an alternative, right-click the page and select Inspect.

  2. Click the Network tab. The network logs appear.
  3. Press ⌘ + Shift + R (Mac) or Ctrl + Shift + R (Windows) to refresh the page.
  4. Click Preserve log to maintain the log after the page reload.
  5. Click Clear network log (🚫) to clear all current network requests.
  6. Click Record network log (⏹).

    📘

    If the button is red, the recording is in progress. If the button is black, the recording is stopped.

  7. On the page, reproduce the flow that is causing the issue.

    📘

    Reproducing the flow will record the issue. JWP Support will be able to use this information to investigate the issue.

  8. In the DevTools panel, on the Network tab, right-click a log.
  9. Choose Save all as HAR with content. A popup window appears to save the HAR file.
  10. Click Save.
  11. Send the file to JWP Support.

Safari

Network tab in Web Inspector panel

Network tab in Web Inspector panel

Follow these steps to generate a HAR file in Safari:

  1. On the page where the issue is occurring, press ⌘ + ⌥ + I. The Web Inspector panel appears.

    💡

    If the Web inspector does not appear, you will need to enable Show features for web developers:

    1. Press ⌘ + ,. The Advanced tab appears in a popup window.
    2. Click Show features for web developers. Additional tabs will appear in the popup window. The Develop menu item will be added to the main browser window.
    3. Close the popup window.
  2. Click the Network tab. The network logs appear.
  3. Press ⌘ + ⌥ + R to refresh the page.
  4. On the page, reproduce the flow that is causing the issue.

    📘

    Reproducing the flow will record the issue. JWP Support will be able to use this information to investigate the issue.

  5. Click Export. A popup window appears to save the HAR file.
  6. Click Save.
  7. Send the file to JWP Support.

Firefox

Network tab in Developer Tools panel

Network tab in Developer Tools panel

Follow these steps to generate a HAR file in Firefox:

  1. On the page where the issue is occurring, press ⌘ + ⌥ + I (Mac) or Ctrl + Shift + I (Windows). The Firefox Web Developer Tools panel appears.

    📘

    As an alternative, right-click the page and select Inspect.

  2. Click the Network tab. The network logs appear.
  3. Press ⌘ + Shift + R (Mac) or Ctrl + Shift + R (Windows) to refresh the page.
  4. On the page, reproduce the flow that is causing the issue.
  5. In the Web Developer Tools panel, click ⛭ > Save All As HAR. A popup window appears to save the HAR file.
  6. Click Save.
  7. Send the file to JWP Support.

Mobile

On a mobile device, you can use the developer tools in Google Chrome (Android) or Safari (iOS) to generate and export a HAR file.


Google Chrome (Android)

Follow these steps to generate a HAR file in Google Chrome:

  1. On your Android device, enable developer options.
  2. Enable USB debugging.
  3. On your desktop, open Chrome and navigate to chrome://inspect#devices. The DevTools portal appears.
  4. (If applicable) Click Discover USB Devices to enable connection to the mobile device.
  5. Using a USB cable, connect your Android device to your desktop.

    💡

    If an Allow USB debugging prompt appears, click Allow.

  6. On your Android device, navigate to the Chrome page where the issue occurs.
  7. On your desktop, in the DevTools portal, locate your mobile device in the Devices list.
  8. Click Inspect beside the tab where the issue occurs. The DevTools panel appears.
  9. Click the Network tab. The network logs appear.
  10. Press ⌘ + Shift + R (Mac) or Ctrl + Shift + R (Windows) to refresh the page.
  11. On the page, reproduce the flow that is causing the issue.

    📘

    Reproducing the flow will record the issue. JWP Support will be able to use this information to investigate the issue.

  12. Once the issue has been reproduced, click Export to save the HAR file.
  13. Send the file to JWP Support.

Safari (iOS)

🚧

These steps require a Mac. If you do not have access to a macOS desktop, you may use third-party tools, such as Inspect or BrowserStack.

Follow these steps to generate a HAR log in Safari:

  1. On your iOS device, click Safari > Settings > Advanced. The Advanced settings appear.
  2. Toggle Web Inspector to ON.
  3. On your Mac, click Safari > Settings > Advanced. The Advanced settings appear.
  4. Click the Show features for web developers check box.
  5. Using a USB cable, connect your iOS device to your Mac.
  6. On your iOS device, navigate to the Safari page where the issue occurs.
  7. On your Mac, click the Develop tab of the top menu. A list of connected devices appears.
  8. Select your iOS device. A slide menu appears with the device’s Safari browsing URL.
  9. Select the URL tab where the issue occurs. The Web Inspector module opens.
  10. Click the Network tab. The network logs appear.
  11. Press ⌘ + Shift + R to refresh the page.
  12. On the page, reproduce the flow that is causing the issue.

    📘

    Reproducing the flow will record the issue. JWP Support will be able to use this information to investigate the issue.

  13. After reproducing the issue, click Export to save the HAR file.
  14. Send the file to JWP Support.


Send a HAR file to JWP Support

After generating a HAR file, you can send the file to JWP Support through the Help Center, email, or cloud sharing.


Help Center

If you are communicating with JWP Support through the Help Center, follow these steps to attach the HAR file to your response:

  1. Log in to the JWP Help Center.
  2. Navigate to the relevant ticket.
  3. In the ticket conversation, click Add file to attach the HAR file. A file selector appears.
  4. Select the HAR file for upload. The file appears in the conversation string.

    💡

    If an error callout appears due to upload failure, send the HAR file through cloud sharing.

  5. (Optional) Enter a message to accompany the HAR file.
  6. Click Submit.

Email

If you are communicating with JWP Support through email, send the HAR file as an attachment in the email thread.

If the file is too large to be sent via email, send it through cloud sharing.


Cloud Sharing

If your HAR file is too large to be sent through the Help Center or email, you can send the file using a cloud storage provider such as Google Drive or WeTransfer.

If you do not have access to cloud services, contact JWP Support to request a folder to upload the HAR file.