Skip to end of metadata
Go to start of metadata

Problem:


Signavio Support have asked me to provide 'Web Console Logs' and generate a 'HAR' file to help diagnose my issue.



Solution:

What is a web console log and HAR file?

HAR is the short form for HTTP Archive format, which tracks all the logging of web browser's interaction with a site.

The web console log is a log that contains information associated with a web page, such as JavaScript, network requests, and security errors.


Why we need this information.

The information displayed in the developer console can be extremely helpful for the Signavio support team when we're trying to figure out how to solve an issue.


What to submit to support.

It is highly recommended to generate multiple HAR files for comparison, please generate these files and name them appropriately:

  1. Generate a HAR file for an unaffected page (without performance issue or page rendering issues). Plus save the console log.
  2. Generate a HAR file for an affected page. Plus save the console log.


Please select what browser you are using. (Our preference is Google Chrome.)


 Chrome

Google Chrome

Setup:

  1. Open the page where the error is occurring.

  2. Open the developer tools using one of these methods:

    • Using Keyboard Shortcut :
      • MAC: ⌘⌥I on OS X
      • Windows: F12  (or Fn+F12 on some laptops)

    • From the Chrome Menu at the top-right of your browser window, then select More Tools > Developer Tools.


  3. Navigate to the following two tabs and perform these tasks:
    1. On the Console tab in the Development Tool, press the Clear Console button.
    2. On the Network tab in the Development Tool tick Disable cache and Preserve log, then clear.


Capture the information:

  1. Look for a round record button in the upper left corner of the Network tab, and make sure it is red. If it is grey, click it once to start recording.



  2. Refresh the page to start capturing the traffic between the browser and the server.

    Please capture a full page load, so we can see the requests made prior to the problem we're analysing.

  3. Complete the steps that demonstrate your issue.

  4. Once complete please save the logs for us to review.
    1. In the Development Tool, please;

      Right Click
       in the console tab and select Save as.



    2. Right Click in the Network tab Save all as HAR with content.



  5. (optional) Please zip the files to reduce size.

  6. Upload your HAR and Console Log file to your ticket or attach it to your email and send it to support@signavio.com so that our Support team can analyse it.


If you are still having trouble following the information above, here is a helpful YouTube video from our friends at Salesforce** on how to do the above using Google chrome. 


 Firefox

Firefox

Setup:

  1. Open Mozilla Firefox and navigate to the page where the issue is occurring.

  2. From the Firefox menu bar select Web Developer -> Network.


  3. Navigate to the following two tabs and perform these tasks:
    a. In the Console tab in the Web Development Tool, press the TrashBin button.


    b. In the Network tab in the Web Development Tool tick Disable Cache and Persist Logs, and again press the TrashBin Button.

Capture the information:

  1. Refresh the page to start capturing the traffic between the browser and the server.

    Please capture a full page load, so we can see the requests made prior to the problem we're analysing.

  2. Complete the steps that demonstrate your issue.

  3. Once complete please save the logs for us to review.
    1. In the Web Development Tool, please;

      Right Click
       in the console tab and select Export Visible Messgaes To → File.



    2. Right Click in the Network tab and select Save all as HAR file.




  4. (optional) Please zip the files to reduce size.

  5. Upload your HAR and Console Log file's to your ticket or attach it to your email and send it to support@signavio.com so that our Support team can analyse it.




** This page provides links to non-Signavio websites that provide additional information about this topic. You will leave the signavio.com domain, and Signavio cannot attest to the accuracy of information on that non-Signavio page.
Providing links to a non-Signavio Web site is not an endorsement of the other site or the information it contains by Signavio or any of its employees.
Also, be aware that the privacy protection provided on the
signavio.com domain (see Privacy and Security Notice) may not be available at the external link.