有沒有在Chrome DevTools中以元素樣式切換「display：none/block」的快捷方式？

Chrome瀏覽器添加__web-inspector-hide-shortcut__類的元素，但它只不過是visibility: hidden更多：

是否有類似的快捷方式來改變元素的display: none/block風格？所以點擊它會添加style='display: none;'屬性並切換它none/block？

2016-01-22 Green

爲什麼'無/ block'而不是'無/ inline'，'無/錶行group'，...？ – Oriol

@Oriol，不錯的選擇，爲什麼不呢？你知不知道怎麼？ – Green

不知道。我只是指出實現這樣一個功能的難度，因爲如果你在'none'和'block'之間切換，有些人會想'inline'而不是'block'。問題的根源在於'display'設計得非常好，希望Display L3引入'box-suppress'可以解決這個問題。 – Oriol

沒有這樣的捷徑。您可以改爲使用退格鍵將元素從DOM中刪除，並使用cmd + z將其恢復。

2016-01-31 23:31:13

嘗試安裝此Chrome擴展：

它覆蓋了從"visibility: hidden"到"display: none"

雖然默認的CSS，我不是作者，思想/實現簡單，看source

幾乎只是添加一個額外的CSS層

從

.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ * { 
    visibility: hidden !important; 
}

到

.__web-inspector-hide-shortcut__ { 
    display: none !important; 
}

2016-08-29 20:07:23

回答