सभी अवसरों के लिए वेब विकास के लिए फ़ायरफ़ॉक्स एक्सटेंशन

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

बेशक, इस सूची में आप निश्चित रूप से पहले से ही परिचित एक्सटेंशन पाएंगे, हालांकि, उपयोगी एक्सटेंशन की एक बड़ी परत हमेशा किनारे पर बनी हुई है। तो कुछ और एक्सटेंशन इंस्टॉल करने के लिए तैयार हो जाइए! :)

फ़ायरफ़ॉक्स में एंबेडेड डेवलपमेंट टूल्स

सूची शुरू करने से पहले, फ़ायरफ़ॉक्स में पहले से निर्मित उपकरणों का उल्लेख नहीं करना गलत होगा। यहां हम फ़ायरफ़ॉक्स ऑरोरा 10 में बहुत विकास उपकरण और आज के किसी भी आधुनिक ब्राउज़र में पाई जा सकने वाली कार्यक्षमता के बारे में बात कर रहे हैं।

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



खैर, कटौती के तहत आपको एक्सटेंशन की एक विशाल सूची मिलेगी, जो निश्चित रूप से किसी भी वेब डेवलपर के लिए उपयोगी होगी।

Firebug

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

बस के मामले में, मैं आपको याद दिलाता हूं कि फायरबग स्मृति पर काफी मांग है, इसलिए उन साइटों पर इसे बंद करना न भूलें (या बस इसे चालू न करें) जिसके साथ आप काम नहीं करते हैं।

वेब डेवलपर्स के लिए मानक फ़ायरफ़ॉक्स एक्सटेंशन

पिछले कुछ वर्षों में, फ़ायरफ़ॉक्स का पूरा लाभ उठाने के लिए कई एक्सटेंशन विकसित किए गए हैं। उनमें से कुछ लोकप्रिय हैं, अन्य जिन्हें आप शायद पहली बार देखेंगे। यदि आप यहां उल्लेखित एक्सटेंशन का उपयोग नहीं करते हैं, तो टिप्पणियों में लिखें!

अभिगम्यता मूल्यांकन टूलबार

विभिन्न मानदंडों के अनुसार वेब पृष्ठों के परीक्षण के लिए उपकरणों का एक सेट।

सभी एक साइडबार में

बाएं पैनल, जिस पर आप लिंक, डाउनलोड, एक्सटेंशन, विज़िट का इतिहास आदि फेंक सकते हैं, ब्राउज़र बार ओपेरा जैसा कुछ।

कैश की स्थिति

फ़ायरफ़ॉक्स के विभिन्न स्थानों में कैश को साफ़ करना और कॉन्फ़िगर करना।

CacheToggle

एक क्लिक के साथ ब्राउज़र कैश को अक्षम करना (और / या साफ़ करना)।

ColorZilla

मल्टीफंक्शनल आईड्रॉपर, ग्रेडिएंट जनरेटर और कुछ और। RGB 0-255, RGB 0% -100%, HSL या हेक्स रंगों में रंगों के साथ काम करता है।

Console²

कंसोल अगली पीढ़ी के कंसोल के साथ अंतर्निहित जावास्क्रिप्ट कंसोल को बदलता है। यदि किसी कारण से फायरबग आपको सूट नहीं करता है, तो यह एक्सटेंशन बेहद उपयोगी होगा।

सीएसएस रीलोडर

एक एकल कुंजी के साथ, F9 आपको पृष्ठ को ताज़ा किए बिना CSS फाइलों को फिर से लोड करने की अनुमति देता है।

डोम इंस्पेक्टर

DOM ट्री का क्लासिक टू-पैनल एडिटर। XUL के साथ भी काम करता है।

Firefogg

फ़ायरफ़ॉक्स में सीधे साइट पर अपलोड करते समय वीडियो और ऑडियो फाइलों को ओजीजी प्रारूप में ट्रांसकोडिंग के लिए एक एपीआई प्रदान करता है।

FireFTP

ब्राउज़र में सीधे एक पूर्ण-क्रॉस-प्लेटफ़ॉर्म FTP / SFTP क्लाइंट एफ़टीपी सर्वर पर फ़ाइलों को अपलोड और संपादित करने के लिए उपयोगी होगा।

FireUnit

इकाई परीक्षण जावास्क्रिप्ट के लिए विस्तार। कोई अतिरिक्त टिप्पणी की जरूरत नहीं है।

FoxGuide

एक दूसरे के सापेक्ष इंटरफ़ेस तत्वों को संरेखित करने के लिए क्षैतिज और ऊर्ध्वाधर अस्थायी शासक।

फॉक्सिप्रोक्सी मानक

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

GreaseMonkey

जावास्क्रिप्ट का उपयोग कर पृष्ठों को अनुकूलित करें। यह www.userscripts.org पर एक विशाल स्क्रिप्ट भंडार है।

HTML मान्यकर्ता

ब्राउज़र में HTML सत्यापन आइकन में त्रुटियों की संख्या दिखा रहा है।

HttpFox

फ़ायरफ़ॉक्स के लिए HTTP विश्लेषक का विस्तार।

फ़ायरफ़ॉक्स के लिए iMacros

स्वचालित फ़ायरफ़ॉक्स। आपको रिकॉर्ड करने और फिर दोहराए जाने वाले कार्यों को खेलने की अनुमति देता है। यदि आप फ़ायरफ़ॉक्स का उपयोग करते हैं और फ़ॉर्म भरने या पृष्ठों को क्रॉल करने के लिए दैनिक कार्य करते हैं, तो यह एक्सटेंशन वही है जो आपने सपने में देखा था!

जेनकिंस मॉनिटर का निर्माण करते हैं

मॉनिटरिंग जेनकिंस बनाता है ( http://jenkins-ci.org ) और फ़ायरफ़ॉक्स स्टेटस बार में बिल्ड प्रगति प्रदर्शित करता है।

JQuery का विस्तार

अब jQuery और jQuery UI ब्राउज़र में सही से बने हैं।

JSONovich!

ब्राउज़र में आसानी से पढ़ने के लिए अच्छी तरह से फॉर्मेट किया गया JSON कोड।

JSONView

JSON दस्तावेजों के लिए एक और ब्राउज़र।

JSView

बाहरी साइटों से जेएस / सीएसएस-फ़ाइलों का उपयोग करता है, यदि कोई हो, एक नई विंडो में।

लिंक विजेट

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

लाइव HTTP हेडर

पृष्ठ लोड पर HTTP पेज हेडर देखें।

LiveReload

LiveReload एक्सटेंशन स्वचालित रूप से उस पृष्ठ को ताज़ा करता है जब हार्ड ड्राइव पर कोई फ़ाइल बदल जाती है।

MeasureIt

पृष्ठों पर पिक्सेल में दूरी मापने का एक उपकरण।

हेडर को संशोधित करें

भेजने के समय HTTP अनुरोधों के शीर्षकों में तार जोड़ें, संशोधित करें और फ़िल्टर करें। इसका उपयोग, विशेष रूप से, मोबाइल उपकरणों के लिए विकसित करते समय, HTTP का परीक्षण और सुरक्षा की जांच करने में किया जाता है।

NoScript

ब्राउज़र के लिए सबसे अच्छा सुरक्षा उपकरण! यहां तक ​​कि अगर आप हर जगह जावास्क्रिप्ट को अक्षम नहीं करने जा रहे हैं, तो एक्सटेंशन आपको अधिकांश प्रकार के XSS और क्लिकजैकिंग से बचाएगा।

PageSpeed

Google की एक परियोजना जो वेबसाइट के प्रदर्शन में सुधार के लिए सिफारिशें प्रदान करती है।

PixelZoomer

PixelZoomer बाद के पॉपस्कुलल विश्लेषण के लिए पृष्ठ का स्क्रीनशॉट लेता है। यह 3200% तक बढ़ सकता है, दूरी को माप सकता है या विंदुक के साथ रंग मान ले सकता है।

पिक्सलर हड़पने वाला

ऑनलाइन छवि संपादक के लिए एक्सटेंशन pixlr.com/editor । यह उपयोगी है यदि आपको एक समाप्त छवि लेने या पृष्ठ का स्क्रीनशॉट लेने की आवश्यकता है, और फिर इसे बदल दें (व्यक्तिगत डेटा मिटा दें, कैप्शन जोड़ें, आदि)।

पोस्टर

HTTP अनुरोध करने और उनके परिणामों को देखने के लिए एक उपकरण। वेब सेवाओं के साथ बातचीत के परीक्षण के लिए सुविधाजनक है।

QuickJava

जावा, जावास्क्रिप्ट, फ्लैश, सिल्वरलाइट, चित्र, सीएसएस, और स्थिति बार और / या शीर्ष बार से प्रॉक्सी को सक्षम या अक्षम करें।

नियमित अभिव्यक्ति परीक्षक

हाइलाइट मिलान के साथ नियमित अभिव्यक्ति के लिए परीक्षण उपकरण।

साइट के लिए कुकी निकालें

एक साइट से कुकीज़ साफ़ करने के लिए एक बहुत ही सरल विस्तार। सही माउस बटन के साथ मेनू में छुपाता है।

SQLite प्रबंधक

SQLite डेटाबेस के प्रबंधन के लिए GUI।

सेलेनियम आईडीई बटन

सेलेनियम आईडीई खोलने के लिए बस बटन। स्वाभाविक रूप से, सेलेनियम आईडीई को काम के लिए स्थापित किया जाना चाहिए: http://seleniumhq.org/projects/ide/

SeoQuake एसईओ

Seoquake एक्सटेंशन सर्च इंजन और सोशल नेटवर्क के लिए आपकी साइट को ऑप्टिमाइज़ करने में मदद करेगा।

ShowIP

स्टेटस बार में मौजूदा पेज का आईपी एड्रेस दिखाता है। साथ ही, होस्ट नाम, होइस, नेटक्राफ्ट, आदि से राइट-क्लिक प्रदर्शित करता है। वहां आप आईपी पते की प्रतिलिपि बना सकते हैं।

स्टाइलिश

साइटों के लिए शैली पत्रक बदलें। Google, YouTube, Tumblr और अन्य जैसी साइटों के लिए GreaseMonkey जैसे स्टाइलिश का एक बड़ा भंडार है ।

छेड़छाड़ का डाटा

HTTP / HTTPS हेडर और POST मापदंडों को देखने और बदलने के लिए एक्सटेंशन।

कुल सत्यापनकर्ता

कई सत्यापनकर्ताओं द्वारा एक साथ पृष्ठ सत्यापन। यह बाहरी और आंतरिक साइटों के साथ-साथ स्थानीय पृष्ठों के साथ भी काम करता है।

उपयोगकर्ता एजेंट स्विचर

उपयोगकर्ता एजेंट स्विच। कुछ क्लिक - और साइटें आपको एक मोबाइल डिवाइस या खोज इंजन मानती हैं।

वेब डेवलपर

वेब विकास के लिए पैनल। इसमें रिच कार्यक्षमता होती है जो फायरबग के साथ ओवरलैप नहीं होती है।

फायरबग एक्सटेंशन्स

अपने विकास के रास्ते पर फायरबग ने सभी अवसरों के लिए एक्सटेंशन हासिल करने का भी फैसला किया। यहाँ यह आया है:

Acebug

ऐस संपादक का उपयोग करके फायरबग संपादक में सिंटैक्स हाइलाइटिंग और ऑटो-पूरा करना।

फायरबग 0.1 के लिए कोड कवरेज v2

एक Firebug विंडो में जावास्क्रिप्ट कोड कवरेज प्रदर्शित करता है।

सीएसएस उपयोग

एक विस्तार जो सीएसएस नियमों का वास्तव में उपयोग किया जाता है।

Firecookie

Firecookie एक्सटेंशन Firebug में एक टैब टैब जोड़ता है।

Firefinder

एक सीएसएस चयनकर्ता या XPath अभिव्यक्ति के मिलान वाले HTML तत्वों को ढूँढता है।

FirePHP

बस PHP में एक विशेष विधि का उपयोग करके PHP से फायरबग पैनल में लॉगिंग करना।

FireQuery

JQuery विकास के लिए फ़ायरबग प्लगइन।

इनलाइन कोड खोजक

इनलाइन कोड फ़ाइंडर एक्सटेंशन HTML कोड में सेक्शन में अंतर्निहित स्क्रिप्ट्स, स्टाइल और लिंक जैसे "जावास्क्रिप्ट: ..." को ढूंढता है।

FireRainbow

जावास्क्रिप्ट के लिए सिंटेक्स हाइलाइटिंग।

NetExport

NetExport एक्सटेंशन आपको नेट पैनल से JSON- आधारित HTTP संग्रह (HAR) प्रारूप में सभी एकत्रित जानकारी को निर्यात करने की अनुमति देता है।

पिक्सेल परिपूर्ण

पिक्सेल परफेक्ट एक्सटेंशन आपको आपके द्वारा विकसित किए जा रहे पेज पर तैयार लेआउट को लगाने की अनुमति देता है।

YSlow

YSlow पृष्ठों का विश्लेषण करता है और याहू के नियमों के अनुसार उनकी गति का अनुकूलन करने के लिए सुझाव देता है।

फायरबग के लिए और भी अधिक एक्सटेंशन फायरबग एक्सटेंशन पृष्ठ पर उपलब्ध हैं।

और विकास के दौरान आप किन अन्य एक्सटेंशनों का उपयोग करते हैं?