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.