How to Use the Browser Console to Share Errors with Our Support Team

Learn how to inspect browser errors to share them with our support team for faster issue resolution.

When you encounter an issue while using Knack, gathering information from your browser's developer tools can help our support team resolve it faster. This guide will walk you through accessing the browser console, checking for errors, and sharing the details with us.

What is a browser console?

A browser console is a tool available in most modern web browsers (Chrome, Firefox, Safari, Brave, etc.) that lets you see behind-the-scenes activities of a webpage. You can use it to identify error messages and track network activity, which are key for troubleshooting.

Step-by-Step Guide

Open the Developer Tools

Please follow these steps to access the browser’s developer tools:

•  Browsers: Chrome, Brave, and Edge

  1. Right-click anywhere on the webpage and select "Inspect":
     
  2. Click on the "Console" tab in the developer tools panel:
     

• Firefox

  1. Right-click anywhere on the webpage and select "Inspect":
     
  2. Select the "Console" tab from the top of the panel:
     

• Safari

  1. Open Safari's Settings, navigate to the "Advanced" tab, and check the box for "Show features for web developers" if it’s not enabled:
     
  2. Right-click anywhere on the webpage and select "Inspect Element":
     
  3. Navigate to the "Console" tab:
     

View the Console Tab for Errors

Once the developer tools are open in your browser:

• Click on the "Console" tab.
• Look for error messages marked in red. These often include useful details like the type of error and its location.

Example of a Console Error:

Check the Network Tab for Issues

If you’re facing loading or connectivity problems, the Network tab is helpful:

• Click on the "Network" tab:
  
• Reload/refresh the page to see all the requests being made.
• Look for requests that failed (usually highlighted in red).

How to Share This Information

1. Screenshots:
   Please take screenshots of errors in the Console tab and failed requests in the Network tab.
2. Describe the Issue:
   Include a brief description of what you were doing when the issue occurred, any recent changes made to your app, and any steps to reproduce the issue.