Может ли devtools показать разницу между исходным файлом и текущими изменениями?
или список модифицированных селекторов и их новых значений в случае CSS?
Я знаю:
- Локальные модификации - история каждого изменения, но не оригинала..current
- Карта в рабочее пространство - сохранение измененных файлов в их исходный код
- Карты источников - см. предварительно обработанные источники (SCSS)
Рабочий процесс (SCSS)
- Сопоставьте изменения с панелью Элементов с помощью CSS (не можете напрямую редактировать правила SCSS)
- Помните изменения или перекрестные ссылки в двух окнах
- Добавить в SCSS, скомпилировать, перезагрузить и надеюсь, что я ничего не пропустил.
Если бы можно было редактировать SCSS в панели элементов, то мы могли бы сохранить с отображением рабочего пространства и пером, но это было бы медленнее, чем изменение CSS в браузере.