Quando a consola da Web imprime objetos, esta inclui um conjunto de informação mais rico do que apenas o nome do objeto. Em particular, esta:
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.