फायरबग 1.10 - नई सुविधाएँ

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

आपको बता दें कि रिलीज़ हुई फायरबग 1.10 रिलीज़ की नई विशेषताओं के बारे में।

सबसे पहले, हम स्पष्ट करेंगे कि फ़ायरफ़ॉक्स के कौन से संस्करणों में फ़ायरबग के नवीनतम संस्करण शामिल हैं:
फ़ायरफ़ॉक्स 5.0 - 13.0 फायरबग 1.9 के साथ काम करता है,
फ़ायरफ़ॉक्स 13.0 - 16.0 फायरबग 1.10 के साथ काम करता है।

फायरबग 1.10 एक सच्चा सामूहिक उत्पाद है, इसलिए मुझे सभी डेवलपर्स से मिलवाएं:


अधिक जानकारी:

ब्राउज़र को पुनरारंभ किए बिना स्थापना

स्थापित, F12 दबाया - और वह जाने के लिए तैयार है।
संस्करण 1.9 से अपग्रेड करते समय, ब्राउज़र, हालांकि, पुनरारंभ करना होगा।

विलंबित Addon डाउनलोड

अब फायरबग स्टार्टअप पर ब्राउज़र को धीमा नहीं करता है! यदि उपयोगकर्ता को इसकी आवश्यकता है तो यह चालू हो जाता है। अब इसे केवल स्टार्ट बटन और मेनू कमांड द्वारा लॉन्च किया जाता है।

कुकी प्रबंधन

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

कुकीज़ से संबंधित कार्यों की पूरी सूची देखें।

मल्टी-लाइन इनपुट कंसोल में हाइलाइटिंग सिंटैक्स

इसे "कमांड एडिटर" भी कहा जाता है - अब सिंटैक्स हाइलाइटिंग है।

परिवर्तनशील पूर्णता

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

आकृति में - वॉच पैनल में वर्ण दर्ज करते समय, ऑटो-कम्पलीट वर्तमान जावास्क्रिप्ट वातावरण (गुंजाइश) से उपलब्ध चर प्रदान करता है।

शैली ट्रेस

HTML के माध्यम से एक विशेष CSS नियम से प्रभावित गणना शैलियों में सभी स्थानों को देखें -> पैनल के दाईं ओर कम्प्यूटेड मेनू। अब इसमें रंग, पैटर्न और फोंट के लिए संकेत भी शामिल हैं।

3 स्थान देखें जहां नियम फ़ॉन्ट आकार सेट करने का प्रयास करता है? एक जगह वह सफल हुआ। दाईं ओर नीला पाठ क्लिक करने योग्य है, नियमों के विवरण की ओर जाता है। विस्तृत विवरण देखें। (तालियाँ - इस पैनल की सूचना सामग्री बढ़ रही है - लगभग।

कंसोल कमांड की मदद करें

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

ग्रीन कमांड नाम विवरण और उदाहरणों के साथ फायरबग विकियों के लिंक हैं।

सीएसएस में वेब फोंट के विवरण के लिए लिंक

कस्टम, कस्टम फोंट के विवरण के लिए एक त्वरित संक्रमण बनाने के लिए, आपको फ़ॉन्ट नाम पर राइट-क्लिक करने की आवश्यकता है, निरीक्षण घोषणा का चयन करें, और आप सीएसएस पैनल में खुद को पाते हैं, ध्यान से फ़ॉन्ट घोषणा पर, जैसा कि आंकड़े में दिखाया गया है।

@ आयात प्रश्नों के लिए समर्थन

CSS @ आयात मीडिया क्वेरी सीएसएस पैनल में प्रदर्शित की जाती हैं और इन्हें संपादित किया जा सकता है। बेशक, लाइन पूरा करने और तीर प्रबंधन दोनों काम करते हैं। उदाहरण के लिए, मैंने स्क्रीनशॉट लेते समय "400px" पर क्लिक किया, और फिर कुंजी-अप तीर; यह "401px" निकला।

एंटिटीज डिलीवरी विकल्प

3 आइटम एचटीएमएल मेनू में एंटिटीज (विशेष वर्णों का वर्णन) के प्रारूप को बदलने के लिए दिखाई दिए।

संस्थाओं MathML को भी समर्थन दिया जाता है।

रंग प्रारूप प्रदर्शन

3 मेनू में: " सीएसएस ", एचटीएमएल -> स्टाइल और एचटीएमएल -> संगणित हम रंग (हेक्स, आरजीबी, एचएसपी) देखने के लिए प्रारूप बदलते हैं:

मेनू टूलटिप्स

एक ट्रिफ़ल, लेकिन अभिविन्यास के लिए उपयोगी: प्रत्येक मेनू लाइन के लिए संकेत दिखाई दिए।

CSS ": फोकस" छद्म श्रेणी का समर्थन

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

HTTP BFCache से अनुरोध करता है

फायरबग " नेट " पैनल अब एक विशिष्ट BFCache (बैक-फॉरवर्ड कैश) से HTTP अनुरोधों को प्रदर्शित करता है। यह ब्राउज़र कैश इतिहास ( फॉरवर्ड - बैक बटन) के माध्यम से नेविगेट करते समय त्वरित नेविगेशन प्रदान करता है और इसमें ब्राउज़र कैश नहीं होता है।

जैसा कि आप आंकड़े में देख सकते हैं, हमने इस कैश से अनुरोधों के लिए पृष्ठभूमि बदल दी है, इसलिए उन्हें वास्तविक सर्वर अनुरोधों से अलग करना आसान है। (चित्र में - सर्वर से केवल अंतिम अनुरोध आता है।)

इन अनुरोधों को देखने के लिए, BFCache जवाब सेटिंग सेट करना होगा ।

सीएसएस नियम हटाना सीएसएस नियम हटाना

नियम पर राइट-क्लिक करना, अभी भी क्लिक करना - और कोई भी नहीं है ... (लेकिन इससे पहले, आपको सभी गुणों पर क्लिक करना होगा - अनुवाद। ट्रांसलेशन।)

---

कुल मिलाकर, इस संस्करण ने बगट्रैकर से 79 सुधार किए। खबरों से अपडेट रहने के लिए हमारे ट्विटर को फॉलो करें।

* http://getfirebug.com/
* फायरबग वेबलॉग - सभी संस्करण और नवाचार (अंग्रेजी) ।
* संदर्भ के लिए: क्रोम (और न केवल) वेब इंस्पेक्टर के बारे में पूरी सच्चाई। भाग 1 , @ z6Dabrat, 14 मई, 2012