/dev tips

(163) Accessibility Debugging Local overrides (165)

Chrome DevTools: Cleaner logs with the Console Sidebar

1st February 2018
Cleaner logs with the Console Sidebar

The Console Sidebar in the Canary DevTools Console Panel helps organize logs and keeps your debugging experience sane.

For example, try logging the following within the Console Panel:

console.log('regular log')
console.error('stranger danger!')
console.warn('just a warning')

While you can view logs in their entirety without having to use the sidebar, if you wish to open the sidebar, it groups messages up so you can disclose certain logs as and when you need them.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.