Alle Boxmodelle gleichzeitig klebrig anzeigen

338
wutzebaer

Wenn ich ein DOM-Element in den Firefox Developer Tools ansehe, werden auf der Website Ränder (gelb) und Auffüllungen (violett) angezeigt.

Ist es möglich, diese Boxen für alle Elemente gleichzeitig klebrig anzuzeigen?

0
Klingt ziemlich ähnlich zu https://stackoverflow.com/q/44506946/432681. Warum möchten Sie sie jedoch für * alle * Elemente auf der Seite gleichzeitig anzeigen? Das wäre eine chaotische Mischung und man würde nichts sehen. Oder meinst du alle Elemente, die * einem bestimmten Selektor entsprechen * oder so ähnlich? Sebastian Zartner vor 6 Jahren 0
Das Web Developer Plugin von Chris Pederick bietet diese Funktion: https://addons.mozilla.org/en-US/firefox/addon/web-developer/ music2myear vor 6 Jahren 0

1 Antwort auf die Frage

1
Sebastian Zartner

Die Firefox DevTools bieten verschiedene Arten von klebrigen und nicht klebrigen Textmarkern.

Diejenige, die Sie für möglicherweise suchen ist, alle Elemente markiert einen bestimmten CSS - Selektor übereinstimmt, die in der neben jeden Wähler über das „Ziel“ Symbol umgeschaltet werden können Regeln Seitenwand des Inspektors:

Highlighter for all elements matching a specific CSS selector

funktioniert, aber es scheint, dass die Größenänderung des Fensters, während es angezeigt wird, manchmal die Grenzen durchbricht wutzebaer vor 6 Jahren 0
Wenn Sie Probleme mit der Funktion sehen, sollten Sie [einen Fehlerbericht einreichen] (https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&component=Developer%20Tools%3A%20Inspector), damit er behoben werden kann. Sebastian Zartner vor 6 Jahren 0