Developer Console in Browser.

Console messages are great for debugging. Console log messages are generally used for the following reasons:

To make sure that code is executing right.
Inspecting the values of variables at a particular moment.

How to view console messages on various browsers

Google Chrome:
To see the console messages on google chrome.

Click on the Chrome settings button on the three dots in the upper-right hand corner of the browser.
Go to More Tools > Developer Tools. This should open up the Chrome Developer Tools panel.
Click on the Console tab in the Chrome developer tools panel.
You can also use Keyboard shortcut key Control + shift + J to open the console.






Mozilla Firefox:

To open the developer console in Firefox
Click on the Firefox menu in the upper-right-hand corner of the browser.
Select Web developer > Browser Console.
You can also use the keyboard shortcut key
Control + shift+ J on (windows/Linux)

Updated on: 24/08/2022