Web Console

The Web Console:

  1. Logs information associated with a web page: network requests, JavaScript, CSS, security errors and warnings as well as error, warning and informational messages explicitly logged by JavaScript code running in the page context

  2. Enables you to interact with a web page by executing JavaScript expressions in the context of the page

User interface of the Web Console

Parts of the Web Console UI.

The JavaScript input interpreter

How to interact with a document using the Console.

Split console

Use the Console alongside other tools.

Console messages

Details of the messages that the Console logs.

Helper commands

Commands use can use that are not part of JavaScript.

Rich output

See and interact with objects logged by the Console.

Keyboard shortcuts

Shortcut reference

Opening the Web Console

You open the Web Console from a menu or with a keyboard shortcut:

  • Select the Web Console panel in the Web Developer Tools, accessible from the Browser Tools submenu

  • Press the Ctrl + Shift + K (Cmd + Opt + K on OS X) keyboard shortcut.

The Toolbox appear at the bottom, left, or right of the browser window (depending on your docking settings), with the Web Console activated (it’s just called Console in the DevTools toolbar