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


10

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

ИНСТРУМЕНТЫ: Firefox , Firebug


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


ОБНОВЛЕНИЕ:

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

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

Ответы:


10

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

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

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

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


@ Lèse majesté: см. Выше комментарий об использовании дополнения Web Developer для редактирования Firebug CSS, спасибо!
промахи

2

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


2

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

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


(+1) Круто, спасибо! Как это подключиться к коду? Работает ли это только с плоскими файлами или может быть настроено на общение с системой контроля версий без написания специального кода? Также предполагаю, что это означает, что я тоже должен запускать dot.NET в фоновом режиме на сервере, верно?
промахи

@blunders Это открытый исходный код, поэтому вы можете сами проверить, как он работает. По сути, он отправляет на сервер список изменений в формате json, и эти данные анализируются с использованием регулярных выражений и сопоставляются с исходной строкой в ​​файле css. Затем файл CSS обновляется с новыми данными. Примером реализации является .NET, но любой программист может легко написать аналогичную на PHP или что-то еще, поскольку это довольно тривиально.
Рахул

2

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.