When the Web console prints objects, it includes a richer set of information than just the object's name. In particular, it:
- provides extra information for certain types
- enables detailed examination of the object's properties
- provides richer information for DOM elements, and enables you to select them in the Inspector
Type-specific rich output
The Web Console provides rich output for many object types, including the following:
Object |
 |
Array |
 |
Date |
 |
Promise |
New in Firefox 36
|
RegExp |
 |
Window |
 |
Document |
 |
Element |
 |
Event |
 |
Examining object properties
When an object is logged to the console it appears in italics. Click on it, and you'll see a new panel appear containing details of the object:
To dismiss this panel press Esc..
Highlighting and inspecting DOM nodes
If you hover the mouse over any DOM element in the console output, it's highlighted in the page:
In the screenshot above you'll also see a blue "target" icon next to the node in the console output: click it to switch to the Inspector with that node selected.