Редактировать CSS из инструмента Firefox Developer Edition Inspector

Я пытаюсь сохранить изменения CSS, сделанные на вкладке "Инспектор" в Firefox Developer Edition.

Насколько мне известно, вы можете сохранить свой css только на вкладке «Редактор стилей», но это не отражает изменения, сделанные с помощью Inspector Tool.

Есть ли способ редактировать CSS в редакторе стилей на вкладке «Инспектор»?


css firefox-developer-tools firefox savechanges inspector
person user2068363    schedule 10.11.2014    source источник
comment
Изменения, сделанные вами в Инспекторе кода, сохраняются только для этого экземпляра жизненного цикла страницы. Как только вы обновите страницу, она вернется к CSS, используемому страницей. Вы не можете изменить чужой CSS, если только вы не используете пользовательскую таблицу стилей в своем браузере, которая включает точно такой же селектор.   -  person TylerH    schedule 10.11.2014
comment
Я пытаюсь изменить свою собственную сеть локально   -  person user2068363    schedule 10.11.2014
comment
Интернет так не работает. У вас нет собственной сети. Сеть представляет собой набор страниц и приложений, опубликованных людьми со всего мира, к которым можно получить доступ со всего мира. Это все равно, что сделать телефонный звонок; вы можете позвонить по любому номеру, но вы не можете заставить человека на другом конце линии говорить то, что вы хотите, потому что вы его не контролируете. Так что с веб-сайтами вы не можете изменить их содержание, потому что вы их не контролируете. Вы можете взаимодействовать с ними только так, как задумано.   -  person TylerH    schedule 10.11.2014
comment
Вы тестировали Firefox Developer Edition? Это позволяет сохранить css веб-сайта на вашем компьютере. Если я делаю эту сеть, я могу ее изменить. Я не пытаюсь ничего взломать.   -  person user2068363    schedule 11.11.2014
comment
Любой веб-браузер позволяет это сделать. Но как только вы загрузите его, вы не сможете повторно загрузить его на сервер, откуда он пришел. В противном случае был бы визуальный хаос, и один человек мог бы изменить внешний вид сайта для всех остальных только из-за личных предпочтений.   -  person TylerH    schedule 11.11.2014
comment
@user2068363 user2068363 вы пытаетесь сохранить изменения CSS в локальный файл?   -  person Bill    schedule 11.11.2014
comment
да. Firefox Developer Edition позволяет сохранять изменения CSS в локальный файл. Я хочу настроить его таким образом, чтобы изменения, сделанные в инструменте «Инспектор», отражались в инструментах «Редактор стилей», где вы можете сохранить изменения CSS, чтобы я мог получить CSS с изменениями, внесенными в «Инспекторе».   -  person user2068363    schedule 12.11.2014
comment
Ты не сумасшедший, если хочешь этого. В Firefox Developer Edition вы определенно можете сохранять изменения, но мне бы очень хотелось, чтобы он сохранял изменения Инспектора. Разница между ними заключается в том, что с помощью инспектора я могу найти элемент, который хочу отредактировать, и внести изменения во все строки CSS, относящиеся к этому элементу. Редактор стилей в основном имеет те же ограничения, что и окно кода. Еще нужно визуально искать номера строк для редактирования. Для меня было бы абсолютным изменением игры, если бы вы могли сохраниться с панели проверки.   -  person jbwharris    schedule 20.05.2015
comment
Так грустно, что мы не можем минусовать комментарии, потому что TylerH, ты бы их получил. ОП спрашивает, как обновить его изменение обратно из браузера на собственный локальный веб-сервер.   -  person Dolanor    schedule 01.06.2016

Ответы (2)


arrow_upward
2
arrow_downward

В поисках лучшего рабочего процесса я обнаружил, что вы можете внести свои изменения в Inspector, а затем отразить эти изменения в редакторе стилей, где вы можете их сохранить.

Это не автоматически, но достаточно просто одним дополнительным щелчком мыши.

Просто внесите изменения в инспекторе, затем щелкните ссылку имя файла:номер строки и сохраните изменения. См. визуальное руководство ниже:

  1. Осмотрите и найдите свой объект.
    ссылка на изображение

  2. Щелкните ссылку имя файла:номер строки, чтобы убедиться, что ваше свойство является исходным, которое вы видите в инспекторе.
    ссылка на картинку

  3. Вернемся к инспектору. Измените значение и снова щелкните ссылку имя файла:номер строки.
    ссылка на изображение

  4. Вы увидите, что значение в Редакторе стилей было обновлено значением, измененным в Инспекторе. Теперь просто сохраните и перейдите к следующему элементу.
    image link

Теперь вы можете быстро переключиться обратно в Инспектор с помощью сочетания клавиш CTRL+SHIFT+C (примечание: это сочетание клавиш у меня не работает, поэтому вам может понадобиться расширенный менеджер сочетаний клавиш).

person Jonathan Magoga    schedule 17.02.2018

arrow_upward
0
arrow_downward

В Chrome есть хорошее решение для этого. См.: Как сохранить изменения CSS Панель стилей инструментов разработчика Chrome?

Нет, что я знаю в Firefox. См.: https://support.mozilla.org/en-US/questions/967467< /а>

person SunWuKung    schedule 11.12.2014