How to check console error on a web browser?

Owned by Mohammed Al Najjar
Mar 17, 2024
1 min read

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’.