Есть ли у какого-либо браузера / надстройки в Inspect Element возможность отображать (выделять) только измененные и новые добавленные значения?

Как веб-дизайнер, возможно, вы ежедневно используете инструмент Inspect Element браузера (Firefox / Chrome) больше, чем просто просмотр.

Иногда получить желаемый результат очень сложно, изменения CSS и новые значения, добавленные с помощью инструмента проверки элементов браузера, не применяются только к одному элементу (div, p, span и т. Д.). После того, как вы добьетесь желаемого результата, у вас есть возможность выделить значения, которые были изменены, и новые значения, добавленные другим цветом или в отдельном меню / разделе ?.

Например:

  1. Отображение измененных значений с желтым фоном.
  2. Дисплей с красным фоном добавлены новые значения.

Вопрос: Есть ли в каком-либо браузере / надстройке в Inspect Element возможность отображать (выделять) только измененные и новые добавленные значения?

Конечно, будет так здорово иметь отдельное меню / раздел для отдельного отображения всех измененных и новых вставленных значений.


person Marius    schedule 01.06.2021    source источник


Ответы (1)


Не могу поверить в это, но Inspect Element в Firefox имеет именно то, что я искал:

1. Выделите измененные и новые добавленные значения

2. Копировать измененные правила

введите описание изображения здесь

Теперь вы можете стилизовать сразу несколько абзацев div / span /, псевдоэлементов и т. Д., Пока не достигнете желаемого результата. После этого вы можете скопировать из одного места все измененные правила в разные элементы в один клик!

Если вы используете Inspect Element for CSS в качестве правой маленькой панели / боковой панели (как я использую), = › посмотрите на картинку синюю стрелку (щелкните эту черную стрелку, и появится меню Changes).

Я надеюсь помочь другим этой замечательной функцией Firefox (хорошо скрытой), которая сэкономит вам много времени!

Я не нахожу этой функции в браузере Chrome (или лучше скрытой, чем в Firefox).

person Marius    schedule 09.06.2021