This tutorial will show you how to open the web console in Mozilla Firefox on Windows 10 and Windows 11.
The web console within DevTools, logs information associated with a web page: network requests, JavaScript, CSS, security errors and warnings as well as error, warning and informational messages explicitly logged by JavaScript code running in the page context.
The web console enables you to interact with a web page by executing JavaScript expressions in the context of the page:
| User interface of the Web Console | Parts of the Web Console UI. |
| The JavaScript input interpreter | How to interact with a document using the Console. |
| Split console | Use the Console alongside other tools. |
| Console messages | Details of the messages that the Console logs. |
| Helper commands | Commands use can use that are not part of JavaScript. |
| Rich output | See and interact with objects logged by the Console. |
| Keyboard shortcuts | Shortcut reference |
References:
Web Console — Firefox Source Docs documentation
Browser Console — Firefox Source Docs documentation
Here's How:
1 Open Firefox.
2 Press the Ctrl + Shift + K keys to directly open Console in the DevTools Toolbox at the bottom of the page.
3 You can filter the Console output by selecting (highlighted) and deselecting the Errors, Warnings, Logs, Info, Debug, CSS, XHR, and/or Request items for page issues you want to see. (see screenshots below)
Web Console UI Tour — Firefox Source Docs documentation
4 When finished, you can close (X) the Dev Tools pane. (see screenshot below)
That's it,
Shawn Brink
Attachments
Last edited:
