Як зберегти / експортувати зміни, внесені в Firebug?


10

Як за допомогою Firebug редагувати CSS, як зберегти / експортувати зміни, внесені до CSS?

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


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


ОНОВЛЕННЯ:

@ Lèse majesté: Так само як оновлення, " Додаток для веб-розробників " дозволяє вам редагувати CSS, але не дозволяє редагувати / зберігати зміни CSS, внесені Firebug. Значить, ви використовуєте Firebug для ідентифікації та, можливо, тестування змін, але це не дозволяє зберегти зміни від Firebug. Ось "як" розповісти про те, як їх використовувати разом: FF + FB + WD

@ Lèse majesté: Все ще граю з FireDiff . Він працює добре, знайшов одну помилку (хоча я просто працюю над нею), і "як" я не зміг її знайти, тому я просто намагаюся виконувати кожну функцію і клацати навколо ... (для Наприклад, щоб експортувати різницю, ви повинні бути над останнім елементом у списку, клацнути правою кнопкою миші та вибрати як "Зберегти відмінність". .

Відповіді:


10

Насправді існує плагін FireBug під назвою FireDiff, який дозволяє експортувати зміни стилю та DOM.

Крім того, ви можете використовувати надбудову Web Developer для збереження CSS.

Нарешті, FireBug можна пов’язати із Eclipse за допомогою Fireclipse , а звідти зберегти CSS.

Дивіться це питання StackOverflow для отримання додаткових рішень.


@ Lèse majesté: Дивіться коментар вище щодо використання додатка для веб-розробників для редагування Firebug CSS, дякую!
промахи

2

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


2

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

Що стосується реалізації, після натискання кнопки "Зберегти" ваш серверний код отримає публікацію, що містить перелік змін, і коли ви завантажите Backfire, ви побачите приклад реалізації, який показує, як зберігати зміни у файлах CSS. Він працює в декількох файлах і (у Firefox) зі скороченими правилами CSS тощо, зберігаючи структуру оригінальних файлів CSS.


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

@blunders Це відкритий код, щоб ви могли перевірити, як це працює самостійно. В основному він надсилає список змін на сервер у форматі json, і ці дані аналізуються за допомогою регулярних виразів і співпадають з оригінальною лінією у файлі css. Потім файл css оновлюється новими даними. Приклад реалізації - .NET, але будь-який програміст може легко написати подібний у PHP або щось інше, оскільки це досить тривіально.
Рахул

2

Використовуйте cssUpdater (перший справжній хіт під час googling "як зберегти зміни Firebug"). З його допомогою ви можете зберегти зміни FireBug (навіть за допомогою FTP) лише одним клацанням миші від FireBug. Більше інформації на http://cssUpdater.com

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.