The red text described the error (in the example above, the script is calling a function, examplefunc(), which does not exist).
The link on the right shows the script and line number at which the error occurred. Note that this does not necessarily mean that is the problematic code. For example, that line will often show that the error occurs in
jquery.js, but bugs in the jQuery core are exceptionally rare and very unlikely to be the source of your issue. Click the arrow on the left to open the Stack Trace, which will show all the functions called along the way, with their scripts and line numbers. Generally scripts coming from themes or plugins are causing the issue.
Here’s how to open the console in various browsers:
To open the console in Chrome, you can either:
- Use the keyboard shortcut Command – Option – J (Mac) or Control -Shift -J (Windows/Linux).
To open the console in Firefox, either:
- Select “Web Console” from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on Mac OS X)
- By pressing its Control-Shift-K (Command-Option-K on the Mac) keyboard shortcut.
In Safari, you need to first enable the Web Inspector. Please follow these instructions.