Interactive Debugger Console
The interactive Console pane shows you stack traces and everything that was logged in your code (for example, using console.*
).
The Console pane is also a read-eval-print loop (REPL) so you can run JavaScript code snippets in it and interact with the page that you are currently debugging.
Run JavaScript in the Console
Navigate to source code
Filter out messages
The console shows objects in a tree view, with stack traces collapsed by default. Warnings console.warn()
, errors console.error()
, and info console.info()
messages have different icons and background colors to make them easier to notice.
-
To hide log messages of specific types, click and select the severities to filter out.
Group messages
Apply CSS styles
-
Use CSS and the
%c
marker to apply styles to log messages.