When the Web console prints objects, it includes a richer set of information than just the object's name. In particular, it:

Type-specific rich output

The Web Console provides rich output for many object types, including the following:

Object
Array
Date
Promise

RegExp
Window
Document
Element
Event

Examining object properties

When an object is logged to the console it has a right-pointing triangle next to it, indicating that it can be expanded. Click on the triangle, and the object will be expanded to show its contents:

Highlighting and inspecting DOM nodes

If you hover the mouse over any DOM element in the console output, it's highlighted on 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.

Document Tags and Contributors

Contributors to this page: mdnwebdocs-bot, irenesmith, wbamberg
Last updated by: mdnwebdocs-bot,