2016-12-16 1 views
1

Сегодня я узнал о способности Google Chrome настраивать рабочие области и сопоставлять их с локальными ресурсами. Это отлично работает на вкладке Sources, но я хотел бы иметь возможность редактировать css на вкладке Elements>Styles, чтобы я мог видеть изменения по мере их создания. В противном случае я мог бы просто скопировать их в мой редактор, так как я должен перезагрузить страницу, чтобы увидеть изменения.Могу ли я сохранить изменения стиля CSS с вкладки Google DevTools Element> Styles или перейдите на вкладку «Источники»?

Можно ли сохранить изменения с вкладки Elements? Я бы хотел, чтобы функциональность была похожа на Chrome DevTools Autosave, если она уже встроена в Chrome.

Это тот же вопрос, что и Chrome Workspaces - Saves changes in Sources tab but not Elements, но ни одно из решений не работает для меня.

ответ

2

Новые экспериментальные Workspaces 2.0 обрабатывают его так, как вы ищите.

  1. Скачать Chrome Canary.
  2. Enable DevTools Experiments.
  3. Открыть DevTools.
  4. Открыть Command Menu.
  5. тип Settings и .
  6. К Эксперименты tab.
  7. Включить Стойкость 2.0.
  8. Перезапустить Chrome.

such persist, much convenient

+1

У меня есть канарейка, но я не вижу вкладку «Эксперименты» или что-то еще о сохранении. Только настройки, рабочая область, Blackboxing, Devices, Throttling и ярлыки. –

+0

Я нашел Persistence 2.0, сначала включив «Эксперименты с инструментами для разработчиков» на 'chrome: // flags /', но он по-прежнему не сохраняется для меня даже после перезапуска. –

+0

О, право. Забыл, что вам приходилось проводить эксперименты. Итак, вы включили эксперименты и Persistence 2.0, а затем перезапустили Chrome, и он все еще не работает? –

0
  1. Добавить папку в рабочее пространство
  2. Карта для ресурсов файловой системы ...
  3. Изменение стилей в закладке Elements, после этого введите Tab или введите

После этих шагов все ваши изменения находятся в ваших локальных сопоставленных файлах.

+0

, не существует способа просто экспортировать изменения непосредственно на консоль хоть? это действительно опасный/разрушительный процесс. –

+0

@ robertotomás u можете найти файл u, измененный на вкладке Стиль элементов, затем нажмите, он будет отображаться на панели «Источник», щелкните правой кнопкой мыши файл, используйте параметр «Сохранить как ...», чтобы экспортировать файл. Кроме того, u может найти историю изменений в ящике консоли, и вы можете вернуть свое изменение, чтобы вернуться в более раннее состояние. – jayxhj

Смежные вопросы