DEV Community

Discussion on: How to debug DevTools with DevTools

Collapse
 
siddharthshyniben profile image
Siddharth

Cool. I guess we could just use it to clear the clutter on devtools and maybe make it look nice. I want to see what happens if I write a devtools.css and link it so I get a beautiful devtools

Collapse
 
hxlnt profile image
Rachel Simone Weil

I know EXACTLY what you mean about clutter! In Edge DevTools, we're creating some improvements specifically around this problem.

You can close the tabs you don't need and easily add them back with the + button if you want them back.

Screenshot of DevTools tab row showing only Elements and a + button

The Focus Mode UI I mentioned also helps you group tabs together so you can organize by debugging tasks.

I'm looking at other ways to improve the look and feel of Edge DevTools, so if you have ideas, let me know! :)

Collapse
 
siddharthshyniben profile image
Siddharth

Wait, are you working on the devtools? Like working with the company? If yes, then please declutter.

Collapse
 
hxlnt profile image
Rachel Simone Weil

Speaking of custom themes in DevTools, you might also be interested to hear that VS Code theme support is coming to Edge DevTools! See: twitter.com/partytimeHXLNT/status/...