Показывать все модели коробок одновременно

259
wutzebaer

Когда я нахожу элемент DOM в инструментах разработчика Firefox, поля (желтые) и отступы (фиолетовые) отображаются на веб-сайте.

Можно ли показывать эти ящики для всех элементов сразу?

0
Звучит очень похоже на https://stackoverflow.com/q/44506946/432681. Однако почему вы хотите отображать их для * всех * элементов на странице одновременно? Это было бы хаотичным соединением, и вы ничего не увидели бы. Или вы имеете в виду все элементы * соответствующие определенному селектору * или что-то в этом роде? Sebastian Zartner 6 лет назад 0
Плагин веб-разработчика Криса Педерика предлагает эту функцию: https://addons.mozilla.org/en-US/firefox/addon/web-developer/ music2myear 6 лет назад 0

1 ответ на вопрос

1
Sebastian Zartner

Firefox DevTools предоставляет различные виды липких и нелипких маркеров.

Единственное, что вам может понадобиться - это выделить все элементы, соответствующие определенному селектору CSS, который можно переключать с помощью значка «target», кроме каждого селектора на боковой панели « Правила» Инспектора:

Подсветка для всех элементов, соответствующих определенному селектору CSS

работает, но кажется, что изменение размера окна при отображении его иногда нарушает границы wutzebaer 6 лет назад 0
Если вы видите проблемы с этой функцией, вам следует [подать отчет об ошибке] (https://bugzilla.mozilla.org/enter_bug.cgi?product=Firefox&component=Developer%20Tools%3A%20Inspector), чтобы ее можно было исправить. Sebastian Zartner 6 лет назад 0

Похожие вопросы