फायरबग में कौन सी अनूठी विशेषताएं हैं जो फ़ायरफ़ॉक्स में अंतर्निहित नहीं हैं?

Question

मैंने अभी-अभी अपने फ़ायरफ़ॉक्स के ऐडों को साफ़ किया और सोचा:

• फायरबग में कौन सी विशेषताएं हैं जो इसे अद्वितीय बनाती हैं?

• फायरबग और फ़ायरफ़ॉक्स डेवलपर टूल दोनों में कौन सी सुविधाएँ उपलब्ध हैं?

Comments

मैं मोज़िला हैक्स के लिए अपने आरएसएस फ़ीड को पढ़ रहा हूं, और फायरबग से बेहतर बनने के लिए अभी से देशी उपकरण की तरह लग रहा है। यह अच्छा होगा यदि कोई व्यक्ति जो उनके साथ काम कर रहा है वह 2014 के लिए पुष्टि कर सकता है। उदाहरण के लिए - hacks.mozilla.org/2014/02/…

— llamerr

फ़ायरफ़ॉक्स के वर्तमान अपेक्षाकृत तेजी से जारी चक्र को देखते हुए, क्या यह केवल प्रयासों को संयोजित करने के लिए व्यवहार्य नहीं होगा? मैं हमेशा इस बात पर हैरान था कि फ़ायरबग उसी तरह क्यों नहीं गया जैसा कि pdf.js ने कहा है जब फ़ायरफ़ॉक्स DevTools आदिम थे ... फ़ायरफ़ॉक्स 29 के रूप में नए DevTools के साथ, मैं खुद को कुछ कार्यों के लिए फायरबग और DevTools के बीच कूदते हुए देख सकता हूं एक या दूसरे में बेहतर प्रदर्शन किया जा सकता है।

— अनकोड करें

Answer 1

फ़ायरफ़ॉक्स के मूल डेवलपर उपकरण एक आए हैं लंबे रास्ते के बाद से इस सवाल का लिखा गया था। मतभेद मुख्य रूप से निम्नलिखित बिंदुओं तक कम हो गए हैं:

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

और भी चीजें गायब हैं, जो फायरबग और फ़ायरफ़ॉक्स DevTools के बीच सभी अंतराल के लिए दायर एक बग रिपोर्ट में ट्रैक की गई हैं ।

फायरबग एकीकरण

फायरबग को अब देशी डेवलपर टूल के शीर्ष पर बनाया गया है। फ़ायरफ़ॉक्स 48 के बाद से एक फायरबग थीम भी है जो फ़ायरबग एक्सटेंशन की तरह दिखता है, जिससे आप फायरबग के लिए उपयोग किए जाने पर घर पर महसूस कर सकते हैं। एक बार मल्टी-प्रोसेस फ़ायरफ़ॉक्स सक्षम हो जाता है, दबाने परF12 फायरबग बटन या क्लिक करने से फ़ायरफ़ॉक्स DevTools और फ़ायरबग थीम के साथ खुल जाता है।

फायरबग और फ़ायरफ़ॉक्स DevTools के बीच के अंतर को समझाने वाला एक माइग्रेशन गाइड भी है ।

Comments

15.11.2014 - FF 33.0: देशी निरीक्षण उपकरण में बहुत सुधार हुए हैं : नेटवर्क टैब के लिए फ़िल्टर उपलब्ध हैं ; वास्तव में शांत और उपयोगी सुविधाओं के बहुत सारे : 3 डी दृश्य, उत्तरदायी डिजाइन मोड, रंग धरनेवाला, प्रयुक्त फ़ॉन्ट + फ़ॉन्ट पूर्वावलोकन; फायरबग की तुलना में बड़ा प्रदर्शन लाभ ; कुकीज़ को फ़ायरफ़ॉक्स -> टूल्स -> पेज जानकारी -> सुरक्षा के माध्यम से देखा जा सकता है । उम्मीद है कि मैं किसी दिन फायरबग को देशी उपकरण से बदल सकता हूं, क्योंकि मुझे लगता है कि फायरबग एडऑन के लिए देशी उपकरण का उच्च प्रदर्शन प्राप्त करना असंभव है।

— मालिसोकान

फायरबग 3.0 देशी उपकरणों की तुलना कैसे करता है? ऐसा लगता है कि वे मूल रूप से सिर्फ देशी उपकरणों को चमकाते हैं और मुझे एफएफ 36.0.1 में फायरबग 3.0 ए 9 और देशी देव उपकरण के बीच कोई तुलना नहीं मिल सकती है?

— गबूम

Answer 2

फायरबग में बहुत सारी छोटी विशेषताएं हैं जो अंतर्निहित टूल नहीं हैं। UI के साथ चारों ओर खेलना, यह वही है जो दिमाग में आता है, लेकिन मुझे यकीन है कि और भी हैं:

• someFunction.%closureVarकमांड लाइन सिंटैक्स की तरह निरीक्षण क्षमताओं को बंद करना
• कमांड लाइन में किसी भी मूल्य के साथ खेलने के लिए राइट-क्लिक करें
• संपादित करने के लिए एकल-क्लिक करें
• होवर पर तत्वों को उजागर करना
• कमांड लाइन एपीआई, जैसे includeऔरgetEventListeners
• यूए शैलियों को दिखाने की क्षमता
• स्टाइल पैनल के भीतर से "नियम जोड़ें"
• एक सीएसएस पैनल जो कि मिनिमाइल्ड सीएसएस के लिए प्रयोग करने योग्य है
• जब किसी तत्व में केवल पाठ होता है, तो HTML पैनल पाठ इनलाइन प्रदर्शित करता है
• JHR प्रीटीफिकेशन के साथ कंसोल में XHR लॉगिंग (और जो पॉपअप नहीं खोलता है)
• एचटीएमएल पैनल में "फीचर चेंज / सबट्री चेंज / नोड रिमूवल पर ब्रेक"
• "ब्रेक ऑन म्यूट", "ब्रेक ऑन नेक्स्ट", "ब्रेक ऑन प्रॉपर्टी चेंज", "ब्रेक ऑन कुकी चेंज"
• एक संपूर्ण कुकी पैनल
• कंसोल पैनल में स्टैक के निशान
• HTML को एडिट और पेस्ट करना
• अधिकांश पैनलों के भीतर मुक्त-पाठ खोज
• यदि आप की जरूरत है तो बहुत सारे विकल्प
• इवेंट लॉगिंग

बेशक, इसके लिए व्यक्तिपरक पहलू भी हैं। उदाहरण के लिए, मैं व्यक्तिगत रूप से फायरबग की यूआई पसंद करता हूं और भक्तों के कालेपन से अधिक दिखाई देता हूं, और एक उपकरण के साथ पिछली परिचितता हमेशा महत्वपूर्ण होती है।

Comments

ऐसा लगता है कि इस सूची से बहुत कुछ आज प्रासंगिक नहीं है।

— एलेक्स-डैनियल जकिमेंको-ए।

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

— वेबदेव-दान

Answer 3

लगता है जैसे किसी ने मेरे सवाल को यहाँ देखा;)

https://hacks.mozilla.org/2013/10/firefox-developer-tools-and-firebug/

समस्या यह है, कि बहुत जवाब नहीं है। लेकिन इसका तात्पर्य यह है कि अभी फायरबग के पास खुद को अलग करने के लिए बहुत कुछ नहीं है और इसलिए इसे बदलने का रास्ता खोजा जा रहा है।

Answer 4

यह जल्द ही अप्रासंगिक हो जाएगा, क्योंकि फायरबग और देशी डेवलपर उपकरण विलय कर रहे हैं:

फायरबग 2 मल्टी-प्रोसेस ब्राउज़र (अर्थात ई 10) में काम नहीं करता है और इसे परिवर्तित करना बहुत जटिल है, फ़ायरफ़ॉक्स में ई 10 के सक्रिय होने पर यह काम करना बंद कर देगा।

हम तैयार होना चाहते हैं जब फायरबग 2 काम करना बंद कर देता है और हम निम्नलिखित योजना के साथ आए हैं।

फ़ायरफ़ॉक्स में निर्मित उपकरणों में सभी फायरबग 3 सुविधाओं को एकीकृत करें और सभी फायरबग उपयोगकर्ताओं को इसे अग्रेषित करें।

Firebug 3 (AMO पर) को जारी करके Firebug 2 को केवल तभी बदलें जब हमें किसी एक्सटेंशन में फ़ायरफ़ॉक्स डेवलपर टूल में मौजूद किसी भी महत्वपूर्ण सुविधाओं को वितरित करना हो।

हम वर्तमान में XHR इंस्पेक्टर ( बग 1211525 ), DOM पैनल ( बग 1201475 ) और फायरबग थीम ( बग 1244054 ) को पोर्ट करने पर काम कर रहे हैं ।

फायरबग की अगली रिलीज़ के लिए मुख्य लक्ष्य इसे फ़ायरफ़ॉक्स में निर्मित DevTools में एकीकृत करना होगा। इसके अलावा फायरबग वर्किंग ग्रुप ने देवताओल्स को नई कार्यक्षमता के साथ विस्तारित करने के लिए कुछ नई सुविधाओं की योजना बनाई है।

फायरबग 3.0 अल्फा (उर्फ फायरबग.नेक्स्ट) वर्तमान में फ़ायरफ़ॉक्स 35 - 36 के साथ संगत है और आगामी मल्टीप्रोसेस (साथ ही गैर-मल्टीप्रोसेस) ब्राउज़रों का समर्थन करेगा।

फायरबग 3.0 (फायरबग.नेक्स्ट के रूप में भी जाना जाता है) देशी फ़ायरफ़ॉक्स डेवलपर टूल के शीर्ष पर निर्मित अगली फायरबग पीढ़ी का प्रतिनिधित्व करता है।

यदि आप फायरबग 2 को मल्टीप्रोसेस (e10s) सक्षम ब्राउज़र में स्थापित करते हैं, तो आपको फायरबग 3 में अपग्रेड करने या मल्टीप्रोसेस समर्थन बंद करने के लिए प्रेरित किया जाएगा।

मोज़िला ने इलेक्ट्रोलिसिस की रिहाई को पहले ही कई बार स्थगित कर दिया। वर्तमान योजना 19 अप्रैल, 2016 को मल्टी-प्रोसेस फ़ायरफ़ॉक्स को स्थिर चैनल पर जारी करने की है, जब फ़ायरफ़ॉक्स 46 को स्थिर चैनल पर रिलीज़ किया जाता है।

यह केवल एक अनुमानित रिलीज की तारीख है और यह संभव है कि इलेक्ट्रोलिसिस में और देरी होगी।

एक दिलचस्प विचार यह है कि मोज़िला को ब्राउज़र के उपयोगकर्ताओं के लिए रिलीज़ को कम दर्दनाक बनाना है, इलेक्ट्रोलिसिस को केवल ऐड-ऑन के बिना फ़ायरफ़ॉक्स के संस्करणों में सक्षम करना है, और फ़ायरफ़ॉक्स के संस्करणों में जहां केवल संगत ऐड-ऑन स्थापित हैं।

हम कुछ समय के लिए फ़ायरफ़ॉक्स डेवलपर टूल्स और फायरबग को एकजुट करने के लिए काम कर रहे हैं। फ़ायरफ़ॉक्स 49 से, हम Firebug.next बिल्ट-इन शिपिंग करेंगे।

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

इसके अलावा हमने कुछ सामान्य फायरबग एक्सटेंशन (PixelPerfect, FireQuery और HARExportTrigger को पूर्व में NetExpress) में पोर्ट किया है। और जब हम इस पर होते हैं, तो आप हमारे नए WebSocket मॉनिटर एक्सटेंशन को पसंद कर सकते हैं।

फायरबग सुविधाओं को अंतर्निहित टूल में पोर्ट करने के हिस्से के रूप में, हम फायरबग थीम को भी पोर्ट कर रहे हैं, जिससे फायरबग उपयोगकर्ताओं को काम करने के लिए अधिक परिचित वातावरण मिलता है।

यह विषय गर्म, गर्म, गर्म है! डेवलपर टूल के लिए फायरबग थीम को हाय कहें

मोज़िला ने आज विंडोज, मैक, लिनक्स और एंड्रॉइड के लिए फ़ायरफ़ॉक्स 48 लॉन्च किया। ब्राउज़र ने मल्टी-प्रोसेसर समर्थन (आखिरकार) प्राप्त किया है, हानिकारक डाउनलोड के खिलाफ सुरक्षा बढ़ा दी है, और एंड्रॉइड पर मीडिया में सुधार हुआ है। पुराने OS X संस्करणों और Android जिंजरब्रेड के लिए समर्थन छोड़ दिया गया है।

फ़ायरफ़ॉक्स 48 में, मोज़िला धीरे-धीरे बहु-प्रक्रिया समर्थन को सक्षम कर रहा है, 1 प्रतिशत उपयोगकर्ताओं के साथ शुरू होता है, और फ़ायरफ़ॉक्स चैनल के लगभग आधे हिस्से तक रैंप होता है। यह जाँचने के लिए कि क्या आप इलेक्ट्रोलिसिस समूह में हैं, URL बार में "about: support" टाइप करें और यह देखने के लिए जांचें कि क्या वह मल्टीप्रोसेस विंडोज लाइन आइटम के तहत "1/1 (डिफ़ॉल्ट रूप से सक्षम)" कहता है।

संदर्भ

• फ़ायरबग फ़ायरफ़ॉक्स DevTools में रहता है

• फायरबग को अंतर्निहित फ़ायरफ़ॉक्स डेवलपर टूल में विलय करना

• मोज़िला ने फ़ायरफ़ॉक्स बीटा में मल्टी-प्रोसेस टेस्ट लॉन्च किया

• फायरबग रोडमैप

• फायरबग 3 और मल्टीप्रोसेस फ़ायरफ़ॉक्स (e10s)

• फायरबग.नेक्स्ट जीथब रेपो

• फायरबग और फ़ायरफ़ॉक्स DevTools को एकजुट करना

• डेवलपर संस्करण 48 - फायरबग सुविधाएँ, संपादन योग्य भंडारण, निरीक्षक सुधार और अधिक…

• फायरबग 3.0 प्रोजेक्ट पेज

• रिमोट डिबगिंग: फ़ायरफ़ॉक्स डेस्कटॉप को डीबग करना

• फ़ायरफ़ॉक्स 48 रिलीज़ नोट्स: डेवलपर टूल

• फ़ायरफ़ॉक्स 48 बहु-प्रक्रिया समर्थन के साथ आता है, पुराने ओएस एक्स संस्करण और एंड्रॉइड जिंजरब्रेड को छोड़ देता है

Comments

यह अभी भी प्रासंगिक होगा, वे विलय नहीं कर रहे हैं , नया फायरबग DevTools के शीर्ष पर बनाया जाएगा ताकि यह किसी भी मौजूदा सुविधाओं की नकल न करे, लेकिन इसमें अभी भी कुछ अद्वितीय होंगे।

— उपयोगकर्ता

@user होन्ज़ा, मुख्य डेवलपर्स में से एक, यह मोज़िला हैक्स ब्लॉग पोस्ट के ऊपर कहने के लिए था:One of our goals is to bring Firebug UX into native devtools, so yes, features are mixing to devtools.

— पॉल स्वेट

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

— यूजर

Answer 5

मुझे लगता है कि अभी भी सबसे बड़ा फायदा - नेटवर्क पैनल और समयरेखा कार्यक्षमता के कार्यान्वयन के बाद - विभिन्न फायरबग एक्सटेंशन की उपलब्धता है फायरबग , उदाहरण के लिए YSlow, पेज स्पीड, फायरपीथॉन और इतने पर।

अंत में यह संभवतः आपकी व्यक्तिगत प्राथमिकताओं के आधार पर अधिक विकल्प है, पसंद का एक हथियार के साथ आने के लिए जो आपको सबसे अधिक सुविधा और गति प्रदान करता है।

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

Comments

यह सूची केवल स्टार्टअप प्रदर्शन के बारे में है, जो 1.10 में बहुत सुधार हुआ जब फायरबग को देरी से लोड किया गया था। फिर भी, फ़ायरफ़ॉक्स devtools उपयोग के दौरान प्रदर्शन के बारे में अधिक परवाह करते हैं, ठीक उसी तरह क्योंकि वे फायरबग के सामान्य दृश्य को "धीमी" के रूप में धूमिल होने से बचाना चाहते हैं। क्या यह अधिक उपयोगी होने के लिए जोड़ता है, मुझे नहीं पता।

— साइमन लिंडहोम

Answer 6

वर्तमान फ़ायरबग संस्करण पर देशी देव उपकरणों का एक फायदा यह है कि इसमें सोर्समैप्स होते हैं, जहाँ फ़ायरबग नहीं होता है।

Answer 7

फायरबग में अद्वितीय विशेषताएं हैं, लेकिन फ़ायरफ़ॉक्स के अंतर्निहित इंस्पेक्टर के पास नहीं है, इसमें शामिल हैं:

• XPath कॉपी करें
• कॉपी मिनिमम XPath
• सीएसएस पथ की प्रतिलिपि बनाएँ

फ़ायरफ़ॉक्स में निर्मित इंस्पेक्टर के पास अद्वितीय विशेषताएं हैं, लेकिन फ़ायरबग के पास नहीं है, इसमें शामिल हैं:

• अद्वितीय चयनकर्ता की प्रतिलिपि बनाएँ

Comments

FYI करें, किसी तत्व के XPath को कॉपी करने का अनुरोध बग 987877 में किया गया है , CSS पथ की प्रतिलिपि बनाना संभव है क्योंकि फ़ायरफ़ॉक्स 53.0 के माध्यम से एक तत्व> कॉपी > सीएसएस पथ ( बग 1323700 देखें ) पर राइट-क्लिक करें ।

— सेबस्टियन जार्टनर

Answer 8

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