w Chrome DevTools istnieje skrót, aby pokazać/ukryć element:Czy istnieje skrót do przełączania "display: none/block" w stylu elementu w Chrome DevTools?
Chrome dodaje __web-inspector-hide-shortcut__ klasy do elementu, ale to nie jest niczym więcej niż visibility: hidden:
Czy istnieje podobny skrót do zmiany stylu elementu display: none/block elementu? Po kliknięciu dodaje atrybut style='display: none;' i przełącza go na none/block?
Nie ma takiego skrótu. Zamiast tego można użyć funkcji backspace, aby usunąć element DOM i cmd, aby go przywrócić.
próby zainstalowania tego rozszerzenia: chrom
亲爱的.web-inspector-hide-shortcut
To przesłania domyślny CSS z "visibility: hidden" do "display: none"
choć nie jestem autorem, pomysł/implementacja jest prosta, zobacz source
Po prostu dodaj jeszcze jedną dodatkową warstwę css
z
.__web-inspector-hide-shortcut__, .__web-inspector-hide-shortcut__ * {
visibility: hidden !important;
}
do
.__web-inspector-hide-shortcut__ {
display: none !important;
}
Dlaczego 'none/block' zamiast' none/inline', 'none/table-row-Grupą ...? – Oriol
@ Oriol, dobra opcja, dlaczego nie? Czy wiesz jak? – Green
Brak pomysłu. Właśnie wskazywałem na trudność implementacji takiej funkcji, ponieważ jeśli przełączasz się między 'none' i' block', niektórzy ludzie chcieliby 'inline' zamiast' block'. Przyczyną problemu jest to, że 'display' został straszliwie zaprojektowany, miejmy nadzieję, że' box-suppress 'wprowadzony przez Display L3 naprawi to. – Oriol