The Web Console's interface is split into three horizontal sections, detailed in the sections below.
Toolbar
From the Firefox menu: Select Responsive Design Mode from the Web Developer submenu in the Firefox Menu (or Tools menu if you display the menu bar or are on macOS). From the Developer Tools toolbox: Press the Responsive Design Mode button in the Toolbox's toolbar: From the keyboard: Press Ctrl + Shift + M (or Cmd + Opt + M on macOS). If you need the previous version of Firefox Developer Edition, check out the app's version history which includes all versions available to download. Download prior versions of Firefox Developer Edition for Mac. All previous versions of Firefox Developer Edition are virus-free and free to download. Trash the current Firefox application to do a clean install. Install the version that you have downloaded (3.6.28). Do not select to remove your personal data, your profile data is stored elsewhere in the Firefox Profile Folder, so you won't lose your bookmarks or other personal data. See also: Installing Firefox on Mac. Here are all of the official versions of Firefox for Android. Browser developers love to complicate things. If a 'Lite' version of the standard client wasn't enough, now you have to keep track of beta versions and other experimental lines.
The toolbar across the top contains a number of features:
- Garbage can: Click this icon to clear the contents of the console.
- Funnel: Click this icon to filter the messages that are displayed in the console.
- Filter categories: You can click a filter category (such as Errors, Warnings, CSS, or XHR) to display just those types of messages.
- Settings ('gear' menu): New in Firefox 71, you can click the gear icon to access the new settings menu, where you can toggle the following features on and off:
- Persist Logs: When enabled, the console doesn't clear on page reload, or new page load.
- Show Timestamps: When enabled, timestamps are shown on the left-hand side of each message row to say when the messages were logged.
- Group Similar Messages: When enabled, similar types of messages are grouped together, with an indicator of the number of occurrences.
- Enable Autocompletion: When enabled, the JavaScript interpreter attempts to autocomplete while you type.
- Instant Evaluation: When enabled, the interpreter displays the evaluated results of an expression, when possible, before you press Enter to submit it.
![Firefox For Developers Mac Firefox For Developers Mac](/uploads/1/1/8/9/118934738/139969399.png)
Firefox For Developers Mac Shortcut
Message display pane
This is where the messages appear, both those generated by the code in the page, and those generated by the commands entered on the command line.
See Console messages for a lot more detail on what the messages can contain.
Note: You can clear the contents of the console by entering the keyboard command Ctrl + Shift + L (Windows, macOS, and Linux) or Cmd + K on macOS.
Command line
Firefox For Developer Edition
The command line starts with double angle brackets (>>). Use it to enter JavaScript expressions.
Firefox Developer Portable
![Mac Mac](/uploads/1/1/8/9/118934738/572068475.png)
In Firefox 71 onwards, there is a new 'split pane' icon on the right hand side of the command line — clicking this will open the new console multi-line mode.