We use cookies to make HubSpot's community a better place. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. To learn more, and to see a full list of cookies we use, check out our Cookie Policy (baked goods not included).
Jan 16, 2018
1:46 PM
- last edited on
Jan 16, 2018
2:06 PM
by
jennysowyrda
Sometimes you will come across an error on a page that is not quite specific enough and leaves you looking for more information on what could be incorrect or not functioning properly. You may, for example, see an image like this:
When you see an error like this, there is a tool you can use to often find out more information: The Javascript console. Sometimes, you will see the specific information that will guide you to the solution right in the console. Other times, you may get some more information, but not enough. Having the network errors are great to have when filing a ticket with Support. This extra information will help to expedite the troubleshooting process.
The Javascript console in Google Chrome (you can access a console in other browsers as well, but we will focus on Chrome) is a very useful tool that can show any errors that may be appearing on the page and gives further information on what the error is referring to. In Support, we look to the console for more information on errors and we will sometimes ask for a screenshot of your console. So how do you access this console and capture these errors?
Console Tab
The console tab will log any errors or warnings that appear on the page. For example, if a resource fails to load on the page, you will often find the error for this in the console.
Network Tab
The network tab shows all the elements loading on the page and their load times. For example, if there is a Javascript file attached to the page, we will see that Javascript file listed in the Network tab when the page loads.
Most errors and failed resources are highlighted in red, so capture any of those highlighted red texts in the console and network tabs and send those along to Support in your ticket!
You can also collect a HAR file from the network tab. For directions on collecting this file, click here.
For more information on the Chrome console, please see here.
If you have any questions during this process, please post your questions in the Blog, Website, & Page Publishing board.
May 25, 2018 5:28 AM
Thanks for sharing @cfernandes!