With the advancement of JavaScript, websites/web applications are very much more interactive and dynamic than they used to be before. But sometimes, JavaScript errors can cause issues with the page loading, broken interface elements, misbehaving blocks, and interactive functionality.
In this guide, we will show you how to view console errors in different browsers. However, if you are already familiar with the concept, check what to do when you get console errors?
Browsers #
Chrome #
From your browser go to:
Menu [3 dots icon on the top right] > More Tools > Developer Tools > Console tab
Keyboard Shortcut: Ctrl + Shift + I
Firefox #
From your browser go to:
Menu [3 dots icon on the top right] > More Tools > Developer Tools > Browser Console
Keyboard Shortcut: Ctrl + Shift + J
Or, right-click on the webpage and click on ‘Inspect Element to get the console.
Edge #
From your browser go to:
Menu [3 dots icon on the top right] > More Tools > Developer Tools > Console Tab
Keyboard Shortcut: Ctrl + Shift + I
Safari #
NOTE: Unlike other browsers, you must enable developer tools in Safari first.
1. Safari > Preferences > Advanced > enable “Show Develop menu in menu bar”
2. Develop > Show Error Console
Keyboard Shortcut: Command + Option + C
Or, right-click on the web page and click on ‘Inspect Element’.
What to do when you get console errors? #
Most of the errors on the console suggest that there are some issues with JS on the site. One of the best ways to tackle the issue on the site due to the JS error is to perform a plugin conflict test.
Please visit How to check plugin conflict? for more details.
