Generating HAR Files and Console Logs

Fleetio Support may need more information about the network requests or errors generated in your browser to help diagnose issues we can’t reproduce ourselves. You may be asked to record a HAR file (a log of network requests) or a Console Log while that issue occurs.

NOTE: HAR files include data such as the content of your cookies and the pages you downloaded while making the recording. Anyone with access to the HAR file can view the data submitted while recording, including any personal or other sensitive data. Make sure that you secure your HAR files accordingly. Cloudflare has released a HAR sanitizer that can be used to remove any sensitive information.

 

Generating HAR Files

Click your browser in the Table of Contents on the left to learn how to generate a HAR file.

Generate a HAR file in Chrome

These instructions are the same for Mac or Windows.

  1. Open Chrome and navigate to the page where the issue is occurring.
  2. Look for the ⋮ button in the top right and select More Tools > Developer Tools.
  1. In the panel that appears, select the Network tab. 
  1. Look for a round record button in the upper left corner of the tab (a), and make sure it is red. If it is grey, click the button once to start recording.
  2. Click the Preserve log checkbox (b) if it isn’t already checked.
  3. Click the grey crossed-circle button (c) to clear any existing logs from the network tab.
  1. Keep this Network tab open and reproduce the issue while the network requests are recorded.
  2. After reproducing the issue, click the download button to export your HAR file, and save the file to your computer.
  1. Upload the HAR file to your ticket with Fleetio Support for further investigation.
    See Sending HAR Files below.

TIP: If you have any issues generating the file, see this article from Google's Help Center: Capture web session traffic.

 

Generate a HAR file in Firefox

These instructions are the same for Mac or Windows.

  1. Open Firefox and go to the page where the issue is occurring.
  2. Follow these instructions from Firefox to Open the Network Monitor.
  3. Keep the Network Monitor open and reproduce the issue while the network requests are recorded.
  4. Click the Gear Icon and select Save All As HAR.
  1. Save the HAR file somewhere convenient.
  2. Upload the HAR file to your ticket with Fleetio Support for further investigation.
    See Sending HAR Files below.

TIP: If you have any issues generating a HAR file in Firefox, see this Firefox Source Docs article: Network Monitor.

 

Generate a HAR file in Safari

  1. Open Safari and go to the page where the issue is occurring. 
  2. In the Menu Bar, select Develop > Show Web Inspector.

TIP: If you don't see the Develop menu, see this article from the Safari User Guide: Use the developer tools in the Develop menu in Safari on Mac.

 
  1. Click the Network tab. 
  1. Keep this Network tab open and reproduce the issue while the network requests are recorded.
  2. Click Export and save the HAR file.
  1. Upload the HAR file to your ticket with Fleetio Support for further investigation.
    See Sending HAR Files below. 

TIP: If you have any issues generating a HAR file in Safari, see this article on the Safari Developer website: Web Inspector.

 

Generate a HAR file in Edge

  1. Open Edge and go to the page where the issue is occurring.
  2. Click the three dots in the upper-right corner of your browser window and select More Tools > Developer Tools.
  1. In the DevTools panel, click the Network tab
  1. Look for a round record button in the upper left corner of the tab (a), and make sure it is red. If it is grey, click the button once to start recording.
  2. Click the Preserve log checkbox (b) if it isn’t already checked.
  3. Click the grey crossed-circle button (c) to clear any existing logs from the network tab.
  1. Keep this Network tab open and reproduce the issue while the network requests are recorded.
  2. Click the Download button to save the captured traffic as a HAR file.
  1. Upload the HAR file to your ticket with Fleetio Support for further investigation.
    See Sending HAR Files below. 

TIP: If you have issues generating a HAR file in Edge, see this article on the Microsoft Edge website: Inspect network activity.

 

Sending HAR Files

Before sending a HAR file to Fleetio Support, you should rename AND zip/compress your file.

  • Uncompressed HAR files are often over Salesforce attachment limits.
  • 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 its full URL.

Capturing Console Logs

Click your browser below to learn how to create console logs.

Console Logs in Chrome

  1. Open Chrome and go to the page where the issue is occurring.
  2. Look for the ⋮ button and select More Tools > Developer Tools.
  1. Click the Console tab (a), then click the gray crossed-circle button (b) to clear any existing logs.
  1. Reproduce the issue with the Console tab open, and take a screenshot of any logs that appear.
  2. Upload your screenshot to your Fleetio Support ticket.

Console Logs in Firefox

  1. Open Firefox and go to the page where the issue is occurring.
  2. In the Menu Bar, click the Tools menu and select Browser Tools > Browser Console.
  1. Console logs will open in a new window.
  2. Take a screenshot of any errors that appear.
  3. Upload your screenshot to your Fleetio Support ticket.

Console Logs in Safari

  1. Open Safari and go to the page where the issue is occurring.
  2. In the Menu Bar, click Develop and select Show JavaScript Console.

TIP: If you don't see the Develop menu, see this article from the Safari User Guide: Use the developer tools in the Develop menu in Safari on Mac.

 
  1. Take a screenshot of any errors that appear.
  2. Upload your screenshot to your Fleetio Support ticket.

Console Logs in Edge

  1. Open Edge and go to the page where the issue is occurring.
  2. Click the three dots in the upper-right corner of your browser window and select More Tools > Developer Tools.
  1. In the DevTools panel, click the Console tab.
  1. Take a screenshot of any errors that appear.
  2. Upload your screenshot to your Fleetio Support ticket.