आप फायरबग में किए गए परिवर्तनों को कैसे सहेजते / निर्यात करते हैं?


10

सीएसएस को संपादित करने के लिए फायरबग का उपयोग करना, मैं सीएसएस में किए गए परिवर्तनों को कैसे सहेज / निर्यात कर सकता हूं?

उपकरण: फ़ायरफ़ॉक्स , फ़ायरबग


मुख्य अद्यतन: यदि आपको फायरफॉक्स टैब पर आगे / पीछे / ताज़ा करने का एक तरीका पता है, तो कृपया मुझे बताएं। अन्यथा, मैंने CSS के लिए एक IDE के रूप में FireBug / FireDiff का उपयोग करने पर छोड़ दिया है, यह अच्छा है, लेकिन योग्य है ... गलत समय पर बैकस्पेस दबाएं और आपका सारा काम खत्म हो गया ... मजाकिया। तो, वास्तव में फायरबग में सीएसएस / एचटीएमएल को उजागर करने वाले ब्राउज़र की तरह। किसी भी अच्छे CSS संपादकों को जानें जो ऐसा करते हैं? वास्तव में आशा थी कि FireBug काम करेगा, लेकिन अभी के लिए इसे केवल तदर्थ निरीक्षण और परीक्षण के लिए अच्छा होने के रूप में देखें; इसका उपयोग करने के लिए इसका अर्थ है।


अद्यतन:

@ Lèse majesté: बस एक अद्यतन के रूप में, " वेब डेवलपर ऐड-ऑन " आपको CSS को संपादित करने देता है, लेकिन यह आपको Firebug द्वारा किए गए CSS परिवर्तनों को संपादित / सहेजने नहीं देता है। मतलब आप Firebug को ID में इस्तेमाल करते हैं और शायद परिवर्तनों को परखते हैं, लेकिन यह आपको Firebug से परिवर्तनों को सहेजने नहीं देता है। यहां एक "कैसे" को कवर किया गया है कि उन्हें एक साथ कैसे उपयोग किया जाए: FF + FB + WD

@ Lèse majesté: फ़िर भी फ़ायरफ़िफ़ के साथ खेल रहा है । यह ठीक काम करता है, पहले से ही एक बग मिला (हालांकि मैं इसके चारों ओर काम कर रहा हूं), और कोई "कैसे" मुझे मिल गया है, इसलिए मैं हर सुविधा की कोशिश कर रहा हूं और ... (के लिए) उदाहरण के लिए, एक निर्यात करने के लिए आपको सूची में अंतिम आइटम, राइट क्लिक पर होना चाहिए, और "सहेजें डिफ" के रूप में चुनें। ".diff" केवल एक पाठ फ़ाइल है, कोई भी विचार नहीं है कि इस बिंदु पर क्यों। diff है। ।

जवाबों:


10

वास्तव में एक FireBug प्लगइन है जिसे FireDiff कहा जाता है जो आपको स्टाइल और डोम परिवर्तन को निर्यात करने देता है।

वैकल्पिक रूप से, आप CSS को बचाने के लिए वेब डेवलपर ऐड-ऑन का उपयोग कर सकते हैं ।

अन्त में, FireBug का उपयोग कर ग्रहण से जोड़ा जा सकता Fireclipse , और सीएसएस वहाँ बचाने से।

अधिक समाधान के लिए इस StackOverflow प्रश्न को देखें ।


@ लेस मेजेस्टे: फायरबग सीएसएस को संपादित करने के लिए वेब डेवलपर ऐड-ऑन का उपयोग करने के लिए ऊपर टिप्पणी देखें, धन्यवाद!
17

2

मुझे पूरा यकीन है कि फायरबग परिवर्तनों को लॉग नहीं करता है, इसलिए आपको ऐसा करने के लिए थोड़ा रचनात्मक होना पड़ेगा। आप HTML / CSS को कॉपी कर सकते हैं और इसे एक txt फाइल में पेस्ट कर सकते हैं। तब आप अपने द्वारा किए गए परिवर्तनों की पहचान करने के लिए तुलना सॉफ्टवेयर का उपयोग कर सकते हैं। पाठ संपादक मैं उपयोग इस कार्यक्षमता में बनाया गया है, लेकिन मुझे यकीन है कि उपलब्ध बहुत सारे विकल्प हैं हूँ।


2

आप एक क्लाइंट / सर्वर स्क्रिप्ट (वर्तमान में जावास्क्रिप्ट / C #) बैकफायर की तलाश कर रहे हैं । इसमें Firebug (यह Firebug addon नहीं है) की आवश्यकता नहीं है, और यह Firefox और Webkit- आधारित ब्राउज़र दोनों में काम करता है। बैकफ़ायर के साथ आप पृष्ठ की स्थिति को किसी भी तरह से बदल सकते हैं जो आप चाहते हैं (फायरबग एक शानदार तरीका है) और फिर सर्वर पर परिवर्तनों को सहेजने के लिए सहेजें बटन पर क्लिक करें।

कार्यान्वयन के संदर्भ में, अपने सर्वर-साइड कोड को सहेजने पर क्लिक करने के बाद परिवर्तनों की एक सूची वाला एक पोस्ट प्राप्त होगा, और जब आप बैकफ़ायर डाउनलोड करते हैं, तो आपको एक उदाहरण कार्यान्वयन दिखाई देगा जो आपको दिखाएगा कि आपकी सीएसएस फ़ाइलों में परिवर्तनों को कैसे संग्रहीत किया जाए। यह आपकी मूल सीएसएस फाइलों की संरचना को बनाए रखते हुए शॉर्टहैंड सीएसएस नियमों आदि के साथ कई फाइलों और (फ़ायरफ़ॉक्स में) काम करता है।


(+1) कूल, धन्यवाद! यह कैसे कोड में हुक करता है? क्या यह केवल समतल फ़ाइलों के साथ काम करता है, या कस्टम कोड लिखे बिना संस्करण नियंत्रण प्रणाली से बात करने के लिए इसे सेटअप किया जा सकता है? यह भी अनुमान लगाने का मतलब है कि मुझे सर्वर पर बैकग्राउंड में भी डॉट नेट चलाना आता है, है ना?
ब्लंडर्स

@blunders यह खुला स्रोत है ताकि आप यह देख सकें कि यह कैसे काम करता है। मूल रूप से यह सर्वर के बदलावों की एक सूची को json फॉर्मेट में भेजता है और उस डेटा को नियमित एक्सप्रेशन का उपयोग करके पार्स किया जाता है और css फ़ाइल में मूल लाइन के विरुद्ध मिलान किया जाता है। फिर नए डेटा के साथ css फ़ाइल अपडेट की जाती है। उदाहरण कार्यान्वयन .NET है, लेकिन कोई भी प्रोग्रामर आसानी से PHP में एक समान या कुछ और लिख सकता है क्योंकि यह काफी तुच्छ है।
राहुल

2

CssUpdater का उपयोग करें (पहली वास्तविक हिट जब googling "फायरबग परिवर्तनों को कैसे बचाया जाए")। इसके साथ, आप फायरबग से सिर्फ एक क्लिक के साथ अपने फायरबग परिवर्तन (एफ़टीपी समर्थन के साथ भी) को बचा सकते हैं। अधिक जानकारी http://cssUpdater.com पर

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.