Since Firefox 70, when your code is paused on a breakpoint an overlay appears on the viewport of the tab you are debugging. This lets you know what kind of breakpoint the code is paused on (breakpoint, event breakpoint, etc.), and also provides a step button and a play button. The command line interpreter gets access to the tabbrowser object, through the gBrowser global, and that enables you to control the browser through the command line. Try running this code in the Browser Console's command line (remember that to send multiple lines to the Browser Console, use Shift+Enter). Download Firefox Extensions to add features that customize browsing. Protect passwords, find deals, enhance video, and block annoying ads with browser apps.
The Web Console:
- 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
- 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 you can use that are not part of JavaScript.
- Rich output
- See and interact with objects logged by the Console.
- Keyboard shortcuts
- Shortcut reference.
Opening the Web Console
You open the Web Console from a menu or with a keyboard shortcut:
Line Firefox
- Choose 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)
- Press the Ctrl+Shift+K (Command+Option+K on OS X) keyboard shortcut.
Line Firefox App
The Toolbox appear at the bottom, left, or right of the browser window (depending on your docking settings), with the Web Console activated (it's just called Console in the DevTools toolbar).