Как да свържете Shopify Store с Yandex.Metrica за 1 (една) минута

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

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


ОСНОВНО АКТУАЛИЗАЦИЯ: Ако знаете как да заключите напред / назад / опресняването в раздел FireFox, моля, уведомете ме. В противен случай се отказах от използването на FireBug / FireDiff като IDE за CSS, хубаво е, но хаха ... натиснете backspace в грешното време и ВСИЧКИ работата ви изчезна ... смешно. Така че, наистина харесвам браузъра, който подчертава CSS / HTML във Firebug. Познавате ли някой добър CSS редактор, който прави това? Наистина се надявах, че FireBug ще работи, но засега го виждаме само като добър за ad hoc проверка и тест; което означава да го използвате за това, за което е създадено.


АКТУАЛИЗАЦИИ:

@ Lèse majesté: Точно като актуализация, „добавката за уеб програмист“ ви позволява да редактирате CSS, но не ви позволява да редактирате / запазвате промени в CSS, направени от Firebug. Това означава, че използвате Firebug за идентификация и може да тествате промени, но това не ви позволява да запазите промените от Firebug. Ето "как да", обхващащ как да ги използвате заедно: FF + FB + WD

@ Lèse majesté: Все още си играя с FireDiff. Работи добре, намерих вече една грешка (макар че просто работя около нея) и няма "как да" успях да намеря, така че просто опитвам всяка функция и щраквам наоколо ... (за например, за да експортирате разликата, трябва да сте над последния елемент от списъка, да щракнете с десния бутон и да изберете като „Save Diff". „.diff" е просто текстов файл, нямам представа защо в този момент ext е .diff .

Всъщност има приставка FireBug, наречена FireDiff, която ви позволява да експортирате стила и промените в DOM.

Като алтернатива можете да използвате добавката Web Developer, за да запазите CSS.

И накрая, FireBug може да бъде свързан с Eclipse с помощта на Fireclipse и от там да запишете CSS.

Вижте този въпрос за StackOverflow за повече решения.

  • @ Lèse majesté: Вижте коментара по-горе за използването на добавка за уеб разработчици за редактиране на Firebug CSS, благодаря!

Сигурен съм, че Firebug не регистрира промените, така че ще трябва да бъдете малко креативни, за да направите това. Можете да копирате HTML / CSS и да го поставите в txt файл. След това можете да използвате софтуер за сравнение, за да идентифицирате направените промени. Текстовият редактор, който използвам, има вградена тази функционалност, но съм сигурен, че има много налични опции.

Търсите Backfire, скрипт клиент / сървър (в момента javascript / C #). Той не изисква Firebug (не е добавка на Firebug) и работи както в браузъри, базирани на Firefox, така и в Webkit. С Backfire можете да промените състоянието на страницата по какъвто и да е начин (Firebug е чудесен начин) и след това щракнете върху бутона Save, за да запазите промените на сървъра.

Що се отнася до изпълнението, след като щракнете върху запазване, кодът ви от страна на сървъра ще получи публикация, съдържаща списък с промени и когато изтеглите Backfire, ще видите пример за изпълнение, показващ как да съхранявате промените във вашите CSS файлове. Той работи в множество файлове и (във Firefox) със стенографски CSS правила и т.н., като същевременно запазва структурата на вашите оригинални CSS файлове.

  • (+1) Готино, благодаря! Как се свързва с кода? Работи ли просто с плоски файлове или може да се настрои да се говори със система за контрол на версиите, без да се пише персонализиран код? Също така предполагам, че това означава, че трябва да стартирам и dot.NET във фонов режим на сървъра, нали?
  • @blunders Това е с отворен код, за да можете сами да проверите как работи. По принцип той изпраща списък с промени на сървъра във формат json и тези данни се анализират с помощта на регулярни изрази и се сравняват с оригиналния ред в css файла. След това css файлът се актуализира с новите данни. Примерът за изпълнение е .NET, но всеки програмист може лесно да напише подобен в PHP или нещо друго, тъй като е доста тривиален.

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

е работил за вас: Charles Robertson | Искате ли да се свържете с нас?