2010-02-02 10 views
12

के साथ इसे संपादित करने के बाद मैनिपुलेटेड डॉम/एचटीएमएल को सहेजना मान लें कि मैंने फ़ायरफ़ॉक्स को फ़ायरबैक के साथ एक यादृच्छिक साइट पर सक्षम किया है (slashdot.org कहें)। साइट लोड करने के बाद मैं Firebug > HTML पैनल का उपयोग कर पृष्ठ को संपादित करना प्रारंभ करता हूं। अब तक इतना अच्छा: फ़ायरफ़ॉक्स में मेरे परिवर्तन तुरंत दिखाई दे रहे हैं।फ़ायरबग

मेरे सवालों का:

  • मैं कैसे (एचटीएमएल के रूप में प्रतिनिधित्व) संपादित डोम पेड़ सहेज सकता हूँ?
  • मैं पृष्ठ के "मूल संदर्भ" (उदाहरण में slashdot.org) में पहले से छेड़छाड़ किए गए डोम पेड़/HTML फ़ाइल को कैसे लोड करूं? मैं मूल संदर्भ चाहता हूं ताकि सभी संदर्भ इकाइयां (सीएसएस, छवियां इत्यादि) सही ढंग से लोड हो जाएंगी।

उत्तर

7

मैं संपादित डीओएम पेड़ (HTML के रूप में प्रतिनिधित्व) कैसे सहेज सकता हूं?

फ़ायरबग में कोई भी विधि नहीं है जिसका उपयोग वर्तमान डीओएम को फ़ाइल में सहेजने के लिए किया जा सकता है। हालांकि, आप फ़ाइल डेवलपर एक्सटेंशन के साथ फ़ायरबग का उपयोग कर सकते हैं ताकि DOM को फ़ाइल (HTML के रूप में दर्शाया जा सके) को सहेज सकें।

फ़ायरबग में डीओएम में हेरफेर करने के बाद, Web Developer (toolbar at the top) > View Source > View Generated Source > Archive > Save Page As... चुनें।

मैं पृष्ठ के "मूल संदर्भ" (उदाहरण में slashdot.org) में पहले से छेड़छाड़ किए गए डोम पेड़/HTML फ़ाइल को कैसे लोड करूं? मैं मूल संदर्भ चाहता हूं ताकि सभी संदर्भ इकाइयां (सीएसएस, छवियां इत्यादि) सही ढंग से लोड हो जाएंगी।

फायरबग में पृष्ठ के "वर्तमान संदर्भ" में पहले सहेजे गए डीओएम पेड़ को फिर से पढ़ने के लिए कोई विधि नहीं है। हालांकि, अगर हम वेब डेवलपर एक्सटेंशन के साथ फ़ायरबग का उपयोग करते हैं तो हम अनुरोधित कार्यक्षमता प्राप्त कर सकते हैं।बस पहले से सहेजे गए HTML को नोटपैड जैसे संपादक में खोलें और HTML बोर्ड को क्लिप बोर्ड पर कॉपी करें। फिर Web Developer > Miscellaneous > Edit HTML चुनें और HTML पेस्ट करें। किया हुआ!

+0

वर्णित वेब डेवलपर अनुक्रम अब मौजूद नहीं है। चाहे जेनरेटेड स्रोत को सहेजने की कार्यक्षमता अभी भी मौजूद है, मुझे नहीं पता ... मुझे यह नहीं मिला। मैं फायरबग से एक कॉपी एचटीएमएल कर सकता हूं, और एक संपादक में पेस्ट कर सकता हूं, और यह काम करता है, वेब डेवलपर की आवश्यकता नहीं है, लेकिन यह थोड़ा बोझिल है। – Victoria

7

आप पेड़ प्रति से केवल HTML को सहेज नहीं सकते हैं। रूट टैग का चयन करें, राइट-क्लिक करें, और Copy HTML का चयन करें, फिर टेक्स्ट एडिटर में पेस्ट करें और HTML फ़ाइल में सहेजें।

+0

धन्यवाद! यह पहला सवाल हल करता है। क्या आप जानते हैं कि पहले से छेड़छाड़ किए गए डोम पेड़ को फिर से कैसे पढ़ा जाए? – knorv

+0

इसके लिए केवल सहेजी गई HTML फ़ाइल को फ़ायरफ़ॉक्स में लोड करें। –

+0

बस HTML फ़ाइल लोड करने से मुझे पृष्ठ का "मूल संदर्भ" नहीं मिलेगा (उदाहरण में slashdot.org)। तो सभी संदर्भ इकाइयों (सीएसएस, छवियों, आदि) लोड नहीं होगा। – knorv

0

फ़ाइल → में पृष्ठ सहेजें ... HTML के रूप में अपने संपादित मार्कअप की बचत होगी, लेकिन यह आप के रूप में अच्छी तरह से कुछ Firebu द्वारा बनाई गई सामग्री को बचाने कर सकते हैं लगता है (मैं वास्तव में क्या Firebug के अपने संस्करण पर निर्भर करता है लगता है)।

1

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

1

मुझे लगता है कि यह एक अच्छा सवाल है, संक्षेप में, आपके संपादन को 'रखने' के लिए फायरबग नहीं बनाया गया है, इसलिए मैं एक ऐसे कार्य प्रवाह को खोजने का सुझाव दूंगा जहां आप किसी पृष्ठ में कभी भी 'गहरे' नहीं होते। एक बात यह है कि एचटीएमएल को सहेजना है लेकिन आपके संपादित सीएसएस को सहेजना भी कठिन है। यहां आपके प्रश्नों के समाधान हैं:

  1. HTML टैग पर क्लिक करें, संपादित करें पर क्लिक करें। एक और पाठ फ़ाइल में कॉपी और पेस्ट करें।

  2. आप फ़ायरबग मैनिप्लेटेड HTML को 'पुनः लोड नहीं' कर सकते हैं। हालांकि आप अपने परिणामों (या दुखी) से खुश होने के बाद मैनिपुलेटेड HTML की प्रतिलिपि बना सकते हैं। या तो इसे अपने क्लिप बोर्ड पर एक टेक्स्ट फ़ाइल में कॉपी करने के लिए रखें और फिर जब आप इसे फिर से उपयोग करना चाहते हैं तो आपको इसे वापस फायरबग संपादन कंसोल में कॉपी करने की आवश्यकता है।

2

मुझे यकीन नहीं है कि आप "मूल संदर्भ" से क्या मतलब रखते हैं लेकिन आप सहेजे गए HTML के शीर्ष पर निम्नलिखित जोड़ने का प्रयास कर सकते हैं।

 
<base href="http://slashdot.org/" /> 
0

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

1

cssUpdater आज़माएं, इसमें फ़ायरफ़ॉक्स ऐड शामिल है जो सॉकेट सर्वर पर आपके फ़ायरबग सीएसएस परिवर्तनों को सुनता है और आपको अपनी मूल सीएसएस स्रोत फ़ाइलों को सिंक करने देता है। आपको डेस्कटॉप एप्लिकेशन को भी इंस्टॉल करने की आवश्यकता है।

तो एक कार्यप्रवाह होगा: FireBug में

  1. संपादित
  2. cssUpdater
  3. में सिंक
  4. क्लिक करें अपनी साइट को पुनः लोड करें और देखते हैं कि आपके परिवर्तनों को सहेजा है

परीक्षण कर सकते हैं और उपयोग यहां, http://www.cssupdater.com

0

आप बाहरी संपादक को कॉन्फ़िगर कर सकते हैं। फायरबग खोलें, बाईं ओर आपके पास फ़ायरबग आइकन है, इसे दबाएं और संपादक में खोलें क्लिक करें और फिर संपादकों को कॉन्फ़िगर करें। यह जीएडिट और ब्लूफिश के साथ काम करता है।

एडिट कॉन्फ़िगर करें: खुला FireBug के कॉन्फ़िगर संपादक और क्लिक जोड़ने के लिए, नाम यह जीएडिट और फिर भीतर निष्पादन योग्य 'usr/bin' के लिए ब्राउज़ करें और का चयन करें या जीएडिट में टाइप करें। आप सहेजने से पहले कॉन्फ़िगर का परीक्षण कर सकते हैं।

संबंधित मुद्दे