Экспорт CSS изменений из инспектора (webkit, firebug и т. Д.)

Question

Когда я работаю с CSS, я часто тестирую в браузере - скажем, Chrome - щелкаю правой кнопкой мыши по элементу, нажимаю Inspect Element и редактирую CSS прямо там. Использование клавиш со стрелками для изменения таких элементов, как поля и отступы, упрощает выравнивание.

Нетрудно взять эти изменения и применить их к файлу CSS, но было бы здорово, если бы я мог просто щелкнуть правой кнопкой мыши селектор в инспекторе и выбрать «экспорт» или «копировать» и получить содержимое доступно в моем буфере обмена.

Существует ли что-то подобное?

Answer 1

Если вы используете инструменты стоковой разработки Firefox, вы можете редактировать CSS прямо в диалоговом окне инструментов - нажмите кнопку окна просмотра CSS (это кнопка вверху с символом {}) и отредактируйте ваш CSS напрямую.Он будет обновляться в реальном времени в браузере, и когда вы закончите, просто скопируйте и вставьте его прямо в ваш файл CSS.Nice! * * 1002

Answer 2

Мой продукт в бета-версии LIVEditor делает это точно.

Чтобы вам было проще понять, вы можете подумать, что инспектор Firebug встроен в ваш текстовый редактор.

Таким образом, вам не нужно вносить изменения вручную снова в вашем редакторе кода после того, как вы настроили , используя Firebug или инструменты разработчика Webkit.