Как скопировать все примененные стили из Google Chrome?

Question

[Алексей]

Иногда для наглядности приходится править CSS код прямо в DevTools консоли Google Chrome. Можно ли как-то вытащить все сделанные правки одним кликом (импортом), чтобы перетащить их себе в файл стилей? Сейчас же я делаю нужные правки и затем брожу по странице, вспоминаю какие свойства изменял и у какого элемента. Копирую, вставляю и иногда что-то забываю... Возможно есть какое-то решение? Возможно в виде плагина, который сверяет исходный css с измененным в DevTools?

Answer 1

[Алексей]

Да я тоже уже нашел, к сожалению решение приходит тогда, когда уже задал вопрос :)
При добавлению свойств создается файл inspector-styleshit, если нажать и открыть, то в нем можно найти все примененные стили

Comments

[Александр Бабенко]

Это работает если добавлять новый стиль прям отдельно, нажав на плюсик. И это не совсем удобно, так как потом надо разносить эти правки по нужным местам.
Я вот когда правлю существующий стиль, то потом нажимаю на его название. Открывается файл стилей со всеми правками. Потом полный копи-паст и готово.

Answer 2

[Сергей Тутуков]

Вообще для таких целей существует livereload.

Знаю еще что в ff можно сохранять изменения crtl+s:
1. Открыть файл со стилями

2. Сохранить изменения (ctrl+s)


По хрому нашел ссылку