Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is there a shortcut to toggle "display: none/block" in element's style in Chrome DevTools?

In Chrome DevTools there is a shortcut to show/hide an element:

enter image description here

Chrome adds __web-inspector-hide-shortcut__ class to the element, but it is nothing more than visibility: hidden:

enter image description here

Is there similar shortcut to change element's display: none/block style? So on click it adds style='display: none;' attribute and toggles it none/block?

enter image description here

like image 489
Green Avatar asked Jan 22 '16 03:01

Green


1 Answers

There is no such shortcut. What you can do instead is use backspace to remove the element from the DOM and cmd+z to bring it back.

like image 139
Konrad Dzwinel Avatar answered Sep 30 '22 15:09

Konrad Dzwinel