6

В современных браузерах мне нравится то, как вы можете редактировать CSS и видеть результаты в режиме реального времени. Часто при разработке элементов внешнего интерфейса я настраиваю многие свойства CSS прямо в Chrome, и только когда я доволен результатом, я копирую все изменения в мои исходные файлы CSS. Я не уверен, насколько распространена эта практика, но она работает для меня.

Вопрос: есть ли способ, возможно расширение, которое может сравнить исходную страницу CSS в Google Chrome с отредактированной и вывести все изменения? Это может показаться ленивым, но это может иметь смысл: если вы редактировали CSS в Chrome около часа, отслеживание всех изменений по всем элементам div и классам может занять много времени, и именно здесь инструмент для немедленного вывода изменений сэкономит много времени.

Редактировать: Или, возможно, это можно сделать с помощью некоторых javascript Wizardry в консоли?

2 ответа2

7

Вас может заинтересовать эта удобная функциональность, встроенная в Google Chrome:

Изменить CSS и сохранить в локальной файловой системе с помощью Chrome Developer Tools

Я попробовал это сейчас, и он отлично работает, выделяя измененные строки. Просто нажмите Сохранить и все готово! :)

1

Chrome теперь делает это автоматически. Я использую v33, но это уже давно.

  1. Просто внесите изменения в файл CSS и сохраните его с панели «Источники».
  2. Все последующие изменения будут сохранены автоматически.

Обратите внимание, что если вы используете рабочие пространства, файл в самой файловой системе будет виден измененным на панели источников вместо нескольких версий одного и того же файла.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .