Как сохранить/экспортировать изменения, внесенные в Firebug?


Используя Firebug для редактирования CSS, как сохранить/экспортировать изменения, внесенные в CSS?

ИНСТРУМЕНТЫ: Firefox, Поджигатель


ОСНОВНОЕ ОБНОВЛЕНИЕ: Если вы знаете способ заблокировать переход вперед/назад/обновление на вкладке FireFox, пожалуйста, дайте мне знать. В противном случае я отказался от использования FireBug/firediff в качестве IDE для CSS, это приятно, но lol... нажмите backspace в неподходящее время, и ВСЯ ваша работа пропала... забавно. Итак, действительно нравится браузер выделение в CSS/HTML в Firebug. Знаете ли вы хороших редакторов CSS, которые делают это? Действительно надеялся, что FireBug сработает, но пока рассматриваю его только как пригодный для специальной проверки и тестирования; то есть использовать его для того, для чего он создан.


ОБНОВЛЕНИЯ:

@ Lèse majesté: Так же, как обновление, " Дополнение для веб-разработчиков" позволяет редактировать CSS, но не позволяет редактировать/сохранять изменения CSS, внесенные Firebug. Это означает, что вы используете Firebug для идентификации и, возможно, тестирования изменений, но это не позволяет сохранять изменения из Firebug. Вот "как", описывающее, как использовать их вместе: FF + FB + WD

@ Lèse majesté: Все еще играешь с Firediff. Он работает нормально, уже нашел одну ошибку (хотя я просто работаю над ней), и я не смог найти "как", поэтому я просто пробую каждую функцию и щелкаю по ней... (например, чтобы экспортировать разницу, вы должны быть над последним пунктом в списке, щелкните правой кнопкой мыши и выберите "Сохранить Разница". ".diff" - это просто текстовый файл, понятия не имею, почему на данный момент ext - это .diff.

Author: blunders, 2010-10-16

4 answers

На самом деле существует плагин FireBug под названием firediff, который позволяет экспортировать изменения стиля и DOM.

В качестве альтернативы вы можете использовать надстройку веб-разработчика для сохранения CSS.

Наконец, Firebug можно связать с Eclipse с помощью Fireclipse, а затем сохранить CSS.

Смотрите этот вопрос о стековом потоке для получения дополнительных решений.

 10
Author: Lèse majesté, 2017-05-23 12:37:07

Я почти уверен, что Firebug не регистрирует изменения, поэтому вам придется проявить немного творчества, чтобы сделать это. Вы можете скопировать HTML/CSS и вставить его в текстовый файл. Затем вы можете использовать программное обеспечение для сравнения, чтобы определить внесенные вами изменения. Текстовый редактор , который я использую, имеет эту встроенную функциональность, но я уверен, что доступно множество опций.

 2
Author: John Conde, 2010-10-16 04:23:17

Вы ищете Backfire, сценарий клиент/сервер (в настоящее время javascript/C#). Для этого не требуется Firebug (это не дополнение Firebug), и он работает как в браузерах Firefox, так и в браузерах на основе Webkit. С помощью Backfire вы можете изменить состояние страницы любым удобным для вас способом (Firebug - отличный способ), а затем нажать кнопку Сохранить, чтобы сохранить изменения на сервере.

С точки зрения реализации, после нажатия кнопки сохранить ваш серверный код получит сообщение, содержащее список изменений, и когда вы загрузите Backfire, вы увидите пример реализации, показывающий, как сохранить изменения в ваших CSS-файлах. Он работает с несколькими файлами и (в Firefox) с сокращенными правилами CSS и т. Д., Сохраняя при этом структуру ваших исходных файлов CSS.

 2
Author: Rahul, 2010-11-02 09:14:13

Используйте cssUpdater (первый реальный хит при поиске в Google "как сохранить изменения firebug"). С его помощью вы можете сохранить свои изменения FireBug (даже с поддержкой FTP) всего одним щелчком мыши из FireBug. Более подробная информация на http://cssUpdater.com

 2
Author: Jhonte, 2013-01-06 18:19:05