Как сохранить изменения css через браузер?

Question

[Arris1]

Есть ли плагин для браузера, позволяющий сохранять изменения внесенные в css в среде разработки браузера?

Сам нашел несколько решений, но объясню, в чем мне не подходят.

1.Emmet LiveStyle для IDE Sublime Text.
Минусы решения в том, что нужно заранее открыть css файл со стилями, это не удобно.
Хотелось бы без оглядки на файлы, править стили через браузер и сохранять.

2. DevTools Autosave для Chrome
Для внесения изменений нужно сначала найти css файл, сложность в том, что файлы
для страницы могут быть раскиданы по разным папкам и свободного релактирования
всех стилей страницы не получится.

3. LiveEdit для PHPStrorm.
Не подходит, так как в моем случае нужна обратная задача - правка из браузера к IDE, а не из IDE в браузер.

4. css x fire для IDE PHP Storm и Mozilla Firefox Firebug
Это была моя надежда, но не смог установить. Оно еще актуально? Если решение рабочее, просьба помочь с установкой.

Наверное, вопрос простой, но информацию с нуля найти не просто в нашем заспамленном поиске.

Comments

[Антон Спирин]

Я надеюсь вы не пишете код на чистом css и используете методологии именования, сборщики, autoprefixer.

Answer 1

[Moskus]

https://developer.mozilla.org/en-US/docs/Tools/Sty...

Answer 2

[Stalker_RED]

2. в чем сложность с пунктом 2? Прямо в инспекторе есть же ссылка на файл.


Когда добавляете новое свойство, оно по умолчанию пишется в отдельный файл

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

Comments

[Arris1]

Не понял про треугольник, при нажатии он создает просто новый элемент без выбора пути сохранения

[Stalker_RED]

Arris1, сделайте "долгий" клик.