Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Hide some devtools tabs in chrome

How can I hide following tabs in Chorme devtools?

I know that I can reorder them, but I'd like to minimize extra interface part for some competition.

screenshot

like image 427
Qwertiy Avatar asked Nov 23 '17 10:11

Qwertiy


2 Answers

2021 update

You can use Microsoft Edge (witch is basically a reskin of chrome atm). It has the exact same debugger and devtools. There a close button will appear every time you mouseover a tab in the devtools menu. Just like this:

https://i.stack.imgur.com/kmu73.png

If you later wish to bring closed tabs back up, go to Settings -> Preferences -> click Restore defaults and refresh

like image 96
Aleksander Dorkov Avatar answered Nov 04 '22 07:11

Aleksander Dorkov


As mentioned in this answer, you can delete one or more tools from DevTools at new Edge browser. To restore some of them back click on the menu icon ... at the right corner of the DevTools then select > More tools > [Your desired tool]

Tested on Version 91.0.864.59 (Official build) (64-bit)

enter image description here

like image 27
ramzan ali Avatar answered Nov 04 '22 07:11

ramzan ali