Как сохранить изменения CSS панели стилей инструментов разработчика Chrome?
Как сохранить изменения CSS на панели стилей Google Инструменты разработчика Chrome ?
На веб-сайте инструмента упоминается, что мы можем видеть все изменения на панели ресурсов
Но я работаю локально над файлом CSS, но изменения не отображаются для меня на панели ресурсов.
Кстати, знаете ли вы какие-нибудь надстройки, инструменты для сохранения изменений CSS в инструментах разработчика Chrome? Я знаю, что для Firebug существует много https://stackoverflow.com/search?q=firebug+CSS+changes+save
1 ответ
ОБНОВЛЕНИЕ 2019: Поскольку другие ответы являются устаревшим битом, я добавлю, обновил тот здесь. В последней версии нет никакой потребности отобразить хромовую папку на файловую систему.
Так, предположите, что у меня есть веб-папка, содержащая HTML, CSS, файлы JS в рабочем столе, который я хочу быть обновленным, когда я вношу изменения в хроме: =
1) Вам был бы нужен рабочий локальный сервер как узел и т.д., альтернативно это vscode расширение создает сервер для Вас: живой сервер расширение VSCode , установите его, выполните сервер.
2) загружают страницу HTML в хроме от выполнения локального сервера.
3) Открытый devTools-> папка Sources-> Filesystem-> Add к рабочей области
4) Добавляет папку, которая используется в выполнении локального сервера. Никакое дополнительное отображение не требуется в последнем хроме! Ta-da!
[еще 1118] на нем Файлы Редактирования С Рабочими областями
Примечание, что изменения, внесенные на вкладке стилей, НЕ будут размышлять над файлами файловой системы.
Вместо этого необходимо перейти к devtools-> источник-> your_folder и затем вносить изменения там и перезагружать страницу для наблюдения эффекта.