Skip to content

Generating a HAR file for troubleshooting with your browser

 

Everymail.com customer support might sometimes require more details about the network requests generated in your browser. A support team member may request you to record a HAR file, which logs network requests, during the occurrence of the issue. Including browser console logs along with a HAR file is beneficial. Similarly, you might also gather Windows log files in addition to HAR files. With this article, we'll explain how to create a HAR file with your browser.

Note: A HAR file contains data such as your cookies' content and the pages you accessed during the recording. Anyone with access to the HAR file can view the submitted data, which may include personal or sensitive information. 

This article includes the following sections:

  1. Instructions for generating HAR files
  2. Instructions for sending HAR files

Instructions for generating HAR files

a) Generate a HAR file in Chrome
b) Generate a HAR file in Firefox
c) Generate a HAR file in Safari
d) Generate a HAR file in Edge

a) Generate a HAR file in Chrome

1. Open Chrome and navigate to the page where the issue is happening.
2. Find the ⋮ button and select More Tools > Developer Tools.
3. In the panel that appears, choose the Network tab. Keep the menu open while you reproduce the issue. Optional: If Everymail.com Customer Support requests a HAR file with WebSockets, select the WS option in the Network tab. Reload your browser to start seeing the traffic over the WebSocket. Note that the WS option does not capture all logs when downloading the HAR file but is for display filter purposes and downloading WebSocket logs only.
4. Look for a round record button in the upper left corner of the tab, and ensure it is red. If it is grey, click the button once to start recording.
5. If it isn't, check the Preserve log box.
6. Click the grey crossed circle button to clear any existing logs from the network tab.
7. Reproduce the issue while the network requests are recorded.
8. Click the download button, Export HAR, to download and save the file to your computer: Save as HAR with Content.

Upload the HAR file when communicating with Everymail.com Customer Support for further investigation. See Instructions for sending HAR files down below.

For any issues generating this file, see also this article from Google's Help Center: Capture web session traffic.

To retrieve console logs in Chrome

1. Open Main Menu for Chrome.
2. Navigate to More Tools > Developer Tools.
3. Open the Console tab and screenshot any errors that appear.

b) Generate a HAR file in Firefox

1. Open Firefox and go to the page where the issue is occurring.
2. Open the Network Monitor.
3. Reproduce the issue while the network requests are recorded.
4. Right-click anywhere under the File column and click Save All As HAR.

5. Save the HAR file somewhere convenient.
6. Upload the HAR file with the support widget from Everymail.com Customer Support for further investigation. See Instructions for sending HAR files down below.

The instructions are the same for a MAC or Windows computer. For any issues generating a HAR file in Firefox, see this article from Firefox Source Docs: Network Monitor.

To retrieve console logs in Firefox

1. In the Tools menu, select Web Developer.
2. Console logs will appear in a separate window.
3. Screenshot any errors that appear.

c) Generate a HAR file in Safari

1. Open Safari and go to the Develop menu. If you don't see the Develop menu, follow the instructions in this article from the Safari User Guide: Use the developer tools in the Develop menu in Safari on Mac.
2. Select Show Web Inspector.
3. Click the Network tab. Keep it open while you reproduce the issue.
4. Reproduce the issue while the network requests are recorded.
5. Click the Export icon and save the HAR file.
6. Upload the HAR file with the support widget from Everymail.com Customer Support for further investigation. See Instructions for sending HAR files.

For any issues generating a HAR file in Safari, see this article from the Safari Developer website: Web Inspector.

To retrieve console logs in Safari

1. Open Preferences and navigate to the Advanced tab.
2. Select Show Developer menu in the menu bar.
3. Close Preferences.
4. In the menu bar, select Developer > Show error console.
5. Screenshot any errors that appear.

d) To generate a HAR file in Edge

1. Open Edge and go to the Network tool.
2. Reproduce the issue while the network requests are recorded.
3. Export captured traffic as a HAR file.
4. Upload the HAR file with the support widget from Everymail.com Customer Support for further investigation. See Instructions for sending HAR files.

For any issues generating a HAR file in Safari, see this article from the Microsoft Edge website: Inspect network activity.

To retrieve console logs in Edge

1. Select the three dots in the upper-right corner of your browser window.
2. Click More tools > Developer Tools.
3. In the DevTools panel, click the Console tab.
4. Right-click the console and select Clear Console of any pre-existing logs.
5. Check the Preserve Log checkbox.
6. Replicate the issue that you experienced in the Edge browser.
7. Screenshot any errors that appear.

Note: The Everymail.com support widget in the lower right-hand corner of this page doesn't support the attachment of HAR files or files that exceed 50MB. Instead, attach the file to your communication  with Everymail Customer Support through email or a method such as Google Drive or Dropbox. 


2. Instructions for sending HAR files
Before you send a HAR file with the severymail.com Support widget, you should both rename AND zip or compress your HAR files. Uncompressed HAR files are often over Everymail.com suport widget attachment limits. Also, by default, HAR files use the page URL as the name of the file. Files with .com extensions look suspicious to spam and phishing filters. Give the HAR file a descriptive name that doesn't include their full URL.

 

Was this article helpful?