Capture Error Messages in Web Browsers

When you contact GrantsConnect Support about an issue, include screenshots of the Console and Network results from your web browser’s Developer Tools. Error messages in these areas help identify what may be causing the issue.

1. Open Developer Tools - When the error occurs or after you replicate it, right-click the page background and select Inspect. The Developer Tools panel opens over the current webpage.

   Tip: If using Google Chrome or Microsoft Edge, you can also select Menu, More Tools, then Developer Tools.

2. View Console errors - Select Console in the Developer Tools panel.

   1. Look for messages highlighted in red. These indicate issues, but not all affect the user experience.

   2. Select the arrow next to a highlighted item to expand the error message.

   3. Take a screenshot and include it in your message to Support.

3. View Network details - Select Network in the Developer Tools panel.

   1. Look for messages highlighted in red. These indicate issues, but not all affect the user experience.

   2. Take a screenshot and include it in your message to Support.