प्रमुख ब्राउज़रों और आईओएस उपकरणों में फायरबग को स्थापित करने के लिए गाइड
फायरबग वेब पेज तत्व, डिबग का निरीक्षण करने और वेब पेज विकसित करने के लिए कूल टूल्स के साथ फ़ायरफ़ॉक्स ऐड-ऑन है। हालांकि कोई रास्ता नहीं है आप फ़ायरफ़ॉक्स के अलावा अन्य वेब ब्राउज़रों पर इन उपकरणों को कर सकते हैं.
अन्य ब्राउज़रों के लिए समान टूल के विकास में कड़ी मेहनत हो सकती है, लेकिन यह बहुत मदद करेगा अगर आप फायरबग को अन्य ब्राउज़रों पर भी काम कर सकते हैं, तो यह देखते हुए कि सभी के पास अपने पसंदीदा ब्राउज़र हैं.
खैर, यहाँ है जहाँ Firebug लाइट अपनी आवश्यकताओं को हल करने के लिए आता है। Firebug Lite, Firebug का एक सरल संस्करण है, लेकिन इसका उपयोग IE, ओपेरा, क्रोम, सफारी, iPad और iPhone पर किया जा सकता है, जबकि यह समान विकल्पों और सुविधाओं को बनाए रखता है।.
ओपेरा, सफारी और क्रोम पर फायरबग लाइट स्थापित करना
फ़ायरबग लाइट के साथ, कोई आवश्यक स्थापना नहीं है। जावा स्क्रिप्ट में लिखा है, आप एक फायरबग लाइट लिंक को बुकमार्क कर सकते हैं और यह पेज निरीक्षण के लिए तैयार हो जाएगा। तो आपको जो करने की ज़रूरत है, वह केवल नीचे दिए गए लिंक को बुकमार्क करने के लिए है (आप लिंक को अपने ब्राउज़र के बुकमार्क बार पर भी खींच सकते हैं).
फायरबग लाइट
यदि आप क्रोम ब्राउज़र का उपयोग कर रहे हैं, तो बुकमार्क नीचे दिखना चाहिए, यदि आपका बुकमार्क बार दिखाई दे.
यही है, आपके फ़ायरबग लाइट को अब काम करना चाहिए जब आपको इसका उपयोग करने की आवश्यकता होती है.
ओपेरा, सफारी और क्रोम पर फायरबग लाइट का उपयोग करना
अब आप व्यावहारिक रूप से किसी भी वेब पेज का निरीक्षण करने के लिए फायरबग लाइट का उपयोग कर सकते हैं। इस उदाहरण के लिए, हम Wikipedia.org का उपयोग करेंगे.
जब वेब पेज लोड हो जाता है, तो आप पहले सहेजे गए Firebug Lite बुकमार्क पर क्लिक करें और आपको वेब पेज के निचले भाग में एक कंसोल बॉक्स दिखाई देगा।.
यदि हम बंद करते हैं, तो यह वही है जो आप पृष्ठ के नीचे बाईं ओर देखेंगे.
अब आप कई लाइनों के शुरुआती बिंदु पर (+) और (-) देख सकते हैं। Html (+) का अर्थ है कि html के एक-लाइनर के नीचे और लाइनें बंद हैं, और यदि आप लाइन को हाइलाइट करते हैं, तो आप देखेंगे कि यह पृष्ठ के किस भाग का प्रतिनिधित्व करता है.
लेकिन अगर आप वेब पेज पर किसी भी टेक्स्ट, फोटो, लिंक या किसी अन्य तत्वों द्वारा दर्शाई गई लाइनों को स्पॉट करना आसान बनाना चाहते हैं, तो 'इंस्पेक्ट' बटन पर क्लिक करें।.
अब आप अपने माउस कर्सर को वेब पेज पर उपलब्ध तत्वों में से किसी भी भाग में ले जा सकते हैं, और आपको html लाइन हाइलाइटेड दिखाई देगी। इससे आपको कुछ निरीक्षण करने में आसानी होती है.
IPad और iPhone पर Firebug Lite इंस्टॉल करना
बुकमार्क्स वास्तव में iPad और iPhone के साथ अच्छी तरह से नहीं जाता है। IPad और iPhone पर Firebug Lite स्थापित करने के लिए, यहाँ बताया गया है:
-
इस पृष्ठ को अपने iPad या iPhone पर बुकमार्क करें.
-
बुकमार्क का नाम "Firebug" रखें.
-
नीचे दी गई सभी स्क्रिप्ट का चयन करें और कॉपी करें.
जावास्क्रिप्ट: (समारोह (एफ, मैं, आर, ई, बी, यू, जी, एल, मैं, टी, ई) if (F.getElementById (ख)) वापसी, ई = एफ [i + 'NS'] && एफ। ? documentElement.namespaceURI, ई = ई एफ [i + 'NS'] (ई, 'स्क्रिप्ट'): एफ [i] (जैसे स्क्रिप्ट '); ई [आर] (' आईडी ', ख), ई [आर] ( ई [आर] (ख, यू), (एफ [ई] ( 'सिर') 'src', मैं जी + T) + [0] || एफ [ई] ( 'शरीर') [0])। appendChild (ई), ई = नए% 20Image, ई [आर] ( 'src', मैं एल +);) (दस्तावेज़, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'फ़ायरबग-lite.js', 'रिलीज / लाइट / नवीनतम / त्वचा / XP / sprite.png', 'https: //getfirebug.com/','#startOpened');
-
बुकमार्क विकल्प पर जाएं और "संपादित करें" दबाएं। फिर "फायरबग" बुकमार्क का चयन करें.
-
मूल URL निकालें और बुकमार्क पेस्ट करें.
- चुनें “किया हुआ” अपने कीबोर्ड पर.
अब, किसी भी वेबसाइट को खोलने का प्रयास करें और "फायरबग" बुकमार्क का चयन करें और आपको अपने iPad स्क्रीन के निचले भाग में एक कार्यशील फायरबग दिखाई देगा।.
निष्कर्ष
फायरबग लाइट त्वरित पृष्ठ निरीक्षण करने के लिए काफी अच्छा है। आप html, css और किसी भी स्क्रिप्ट का उपयोग वेबपेज बनाने के लिए देख सकते हैं। हालाँकि Chrome का अपना वेब डेवलपर एक्सटेंशन है, लेकिन Firebug Lite एक मील तक निराश नहीं करता है.