Firebug'da yapılan değişiklikleri nasıl kaydeder / dışa aktarırsınız?

CSS'yi düzenlemek için Firebug'u kullanarak CSS'de yapılan değişiklikleri nasıl kaydedebilir / dışa aktarabilirim?

ARAÇLAR: Firefox , Firebug

ÖNEMLİ GÜNCELLEME: Bir FireFox sekmesinde ileri / geri / yenilemeyi kilitlemenin bir yolunu biliyorsanız, lütfen bana bildirin. Aksi takdirde, FireBug / FireDiff'i CSS için IDE olarak kullanmaktan vazgeçtim, güzel, ama lol ... yanlış zamanda geri tuşuna basın ve TÜM işleriniz gitti ... komik. Yani, Firebug'daki CSS / HTML'yi vurgulayan tarayıcı gibi. Bunu yapan iyi CSS editörlerini biliyor musunuz? FireBug'un gerçekten işe yarayacağına dair umut vardı, ancak şimdilik sadece geçici denetim ve test için iyi olduğunu görüyoruz; yani ne için yapıldığını kullanmak.

GÜNCEL:

@ Lèse majesté: Bir güncelleme gibi, " Web Developer eklentisi " CSS'yi düzenlemenize izin verir, ancak Firebug tarafından yapılan CSS değişikliklerini düzenlemenize / kaydetmenize izin vermez. Yani Firebug'u ID olarak kullanırsınız ve belki de değişiklikleri test edebilirsiniz, ancak değişiklikleri Firebug'dan kaydetmenize izin vermez. Bunların birlikte nasıl kullanılacağını kapsayan bir "nasıl yapılır": FF + FB + WD

@ Lèse majesté: Hala FireDiff ile oynuyor . Tamam çalışıyor, zaten bir hata buldum (sadece etrafında çalışmama rağmen) ve "nasıl" bulabileceğim bir şey yok, bu yüzden sadece her özelliği deniyorum ve tıklıyorum ... ( Örneğin, bir farkı dışa aktarmak için listedeki son öğenin üzerinde olmanız, sağ tıklamanız ve "Farkı Kaydet" olarak seçmeniz gerekir. ".diff" sadece bir metin dosyasıdır, bu noktada ext'in neden .diff olduğunu bilmiyoruz. .

Aslında stili ve DOM değişikliklerini dışa aktarmanıza izin veren FireDiff adlı bir FireBug eklentisi var .

Alternatif olarak, CSS'yi kaydetmek için Web Geliştiricisi eklentisini kullanabilirsiniz .

Son olarak, FireBug Fireclipse kullanılarak Eclipse'a bağlanabilir ve oradan CSS'yi kaydedebilir.

Daha fazla çözüm için bu StackOverflow sorusuna bakın .

Eminim Firebug değişiklikleri kaydetmez, bu yüzden bunu yapmak için biraz yaratıcı olmanız gerekir. HTML / CSS'yi kopyalayıp bir txt dosyasına yapıştırabilirsiniz. Ardından, yaptığınız değişiklikleri tanımlamak için karşılaştırma yazılımını kullanabilirsiniz. Kullandığım metin editörü bu işlevselliğe sahiptir, ancak mevcut seçeneklerin bol olduğundan eminim.

Bir istemci / sunucu betiği (şu anda javascript / C #) olan Backfire'ı arıyorsunuz . Firebug gerektirmez (Firebug eklentisi değildir) ve hem Firefox hem de Webkit tabanlı tarayıcılarda çalışır. Backfire ile sayfanın durumunu istediğiniz şekilde değiştirebilirsiniz (Firebug harika bir yoldur) ve ardından değişiklikleri sunucuya kaydetmek için Kaydet düğmesine tıklayın.

Uygulama açısından, sunucu tarafı kodunuzu kaydet'i tıkladıktan sonra değişikliklerin listesini içeren bir gönderi alırsınız ve Backfire'ı indirdiğinizde, değişikliklerin CSS dosyalarınızda nasıl saklanacağınızı gösteren örnek bir uygulama görürsünüz. Orijinal CSS dosyalarınızın yapısını korurken birden fazla dosyada ve (Firefox'ta) steno CSS kuralları vb.Ile çalışır.

CssUpdater kullanın ("kundakçı değişiklikleri nasıl kaydedilir" olarak googling yaparken ilk gerçek hit). Bununla birlikte, FireBug'dan tek bir tıklama ile FireBug değişikliklerinizi (FTP desteğiyle bile) kaydedebilirsiniz. Http://cssUpdater.com adresinden daha fazla bilgi