Capture Error Messages in Web Browsers

The GrantsConnect Support team asks that users include a screenshot of the web browser's Console and Network results when contacting them about any issues. Any error messages that are identified provide insights into what could be causing these issues.

The Console and Network are accessible from the Developer Tools. The menu options may differ between web browsers (i.e., Google Chrome, Microsoft Edge, etc.).

  1. Right-click on the page background and choose Inspect when the error occurs or after replicating the error.

  2. Alternative - Select the Menu > More Tools > Developer Tools or Menu > Developer option from the web browser.

The Developer Tools panel will open atop the current webpage.

 

  1. Select the Console tab in the Developer Tools panel.

  2. In the Console area, look for any messages that are highlighted in red.

    Note: Log items highlighted in red indicate an issue of some kind. Not all issues identified in this way will directly impact the user experience.

  3. Select the arrows in the highlighted item to expand the error message.

  4. Take a screenshot to send to the GrantsConnect Support team.

 

  1. Select the Network tab in the Developer Tools panel.

  2. In the Network area, look for any messages that appear in red.

    Note: Network details shown in red indicate an issue of some kind. Not all issues identified in this way will directly impact the user experience.

  3. Take a screenshot to send to the GrantsConnect Support team.