TIL Adding your own custom panel in Devtools

POSTED ON: May 26, 2021

In the "Woah this is neat but I'll never do it" side of things:

I was always curious how chrome extensions like React Devtools or Vue Devtools magically pop into the Devtools section.

Apparently, Chrome has documentation on how to do it:

TIL Accessibility in Devtools

You can enable the Accessibility Devtool (currently in experiments mode) to do screenreader testing.

Grouping console messages together

You can wrap console messages together using console.group('name') and console.groupEnd('name')

TIL about console.assert()

You can instead use console.assert() to show conditional errors