Google Chrome:

In Google Chrome, the Console Logs are available as a part of Chrome Dev Tools.

To open the dedicated Console panel, either :

  • Press Ctrl+Shift+J (Windows / Linux) or Cmd+Opt+J (Mac). 

You can also access this Console panel from the Chrome Menu:

  • Locate and Click the "Three dots Menu bar" on the top right of your chrome browser.
  • Go to More tools >> Developer Tools.
  • Switch to Console Tab.

You can also get to the console logs from the browser page:

  • Right click on the background of the web page (not any images, text, or links)
  • Press Inspect
  • Switch to the Console Tab

Once you find the console tab, attempt to perform the action you're having trouble with, and then get a screenshot of any errors that pop up in the logs after attempting this action. 

Mozilla Firefox:

In Mozilla FireFox, the Console Logs are available as a part of FireFox developer tools.

To open the web console:

  • 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)
  • or press the Ctrl+Shift+K (Command+Option+K on OS X) keyboard shortcut.

Once you find the console tab, attempt to perform the action you're having trouble with, and then get a screenshot of any errors that pop up in the logs after attempting this action. 

Safari:

In Safari Browser, console and network logs are available as a part of "Develop Menu". By default, these options are disabled. To enable "Develop Menu",

  • Launch "Safari"
  • Go to Safari >> Preferences >> Advanced  (From the header)
  • Enable "Show Develop Menu in Menu Bar"
  • After enabling "Develop Menu", go to the desired webpage and click Develop >> Show Javascript Console.

Once you find the console tab, attempt to perform the action you're having trouble with, and then get a screenshot of any errors that pop up in the logs after attempting this action.  

 

Was this article helpful?
0 out of 0 found this helpful