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.