How to open Browser console log

What is Browser console log?

The Browser Console log is like the Web Console log, but applied to the whole browser rather than a single content tab. So it logs the same sorts of information as the Web Console - network requests, JavaScript, CSS, and security errors and warnings, and messages explicitly logged by JavaScript code.

Why we need Browser console log?

Browser console log is used to debug any error that is caused in the add-on from the frontend.

Who needs Browser control logs?

Browser console log will be useful mainly for the end users. End users, if they face any issues while working on the add-on they can take a screenshot of the error and send it to us so that we will solve the issue.

How to open Browser console log in Browser

  • In Chrome Browser:

  1. On your computer, open Chrome.

  2. At the top right(3 dots), tap More tools.

  3. Select Developer tools from the list.

This will open the Browser console logs.



or

Simply click Control + Shift + J to jump directly into console panel.

  • In Firefox Browser

  1. On your computer, open Firefox browser.

  2. At the top right(3 lines), tap Web Developer.

  3. Select Browser Console from the list.

This will open the Browser console logs.


or

Simply click Control + Shift + J to jump directly into console panel.


  • In Safari Browser

  1. Launch Safari.

  2. Go to Safari >> Preferences >> Advanced (From the header).

  3. Enable Show Develop Menu in Menu Bar.

  4. Post enabling Develop Menu, go to the desired webpage and click Develop >> Start Debugging JavaScript.

This will open the Browser console logs.

  • In Edge Browser

  1. Open Edge Browser.

  2. Right-click on the page, and then select Inspect Element .

  3. Select Console tab at the top of the window.

This will open the Browser console logs.



or

Simply click Control + Shift + J to jump directly into console panel.