Одна из вещей, которые мне нравятся в современных браузерах, это то, как вы можете редактировать CSS и видеть результаты в реальном времени. Часто при разработке элементов внешнего интерфейса я настраиваю многие свойства CSS прямо в Chrome, и только когда я доволен результатом, я копирую все изменения в мои исходные файлы CSS. Я не уверен, насколько распространена эта практика, но она работает для меня.
Вопрос: есть ли способ, возможно расширение, которое может сравнить исходную страницу CSS в Google Chrome с отредактированной и вывести все изменения? Это может показаться ленивым, но это может иметь смысл: если вы редактировали CSS в Chrome около часа, отслеживание всех изменений по всем элементам div и классам может занять много времени, и именно здесь инструмент для немедленного вывода изменений сэкономит много времени.
Редактировать: Или, возможно, это можно сделать с помощью некоторых javascript Wizardry в консоли?
Вас может заинтересовать эта удобная функциональность, встроенная в Google Chrome:
Изменить CSS и сохранить в локальной файловой системе с помощью Chrome Developer Tools
Я попробовал это сейчас, и он отлично работает, выделяя измененные строки. Просто нажмите Сохранить и все готово! :)
Chrome теперь делает это автоматически. Я использую v33, но это уже давно.
Обратите внимание, что если вы используете рабочие пространства, файл в самой файловой системе будет виден измененным на панели источников вместо нескольких версий одного и того же файла.