Browser Console Log

How to use the console to provide more accurate information about issues

Every modern web browser includes a powerful suite of developer tools. These tools do a range of things, from inspecting currently-loaded HTML, CSS and JavaScript to showing which assets the page has requested and how long they took to load. This article explains how to use the basic functions of your browser's devtools.

Providing our Support team with a screenshot of the Console section of developer tool will help us more quickly identify and solve any potential issues.

The JavaScript Console

The JavaScript console is an incredibly useful tool for debugging JavaScript that isn't working as expected. It allows you to run lines of JavaScript against the page currently loaded in the browser, and reports the errors encountered as the browser tries to execute your code. To access the console in any browser:

If the developer tools are already open, click or press the Console tab. Otherwise you can use the following shortcuts

Chrome:

PC:Ctrl + Shift + J

Mac: Cmd + Opt + J

Firefox:

PC:Ctrl + Shift + Q

Mac: Cmd + Opt + Q

Internet Explorer:

F12

Safari:

Cmd + Opt + I

This will give you a window like the following:

Screenshot 2019-01-30 at 07.49.09

If the Console contains no information you can always refresh the page and the Console will reload with the most recent information.

When taking the screenshot try to find the errors in the Console log they will look like the below image.

validator_errors