डेवलपर्स के लिए 15 सर्वश्रेष्ठ ब्राउज़र एक्सटेंशन (2019)

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

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

कुछ डेवलपर्स को Microsoft एज को एक विकास ब्राउज़र के रूप में उपयोग करने में कोई लाभ दिखाई देगा, लेकिन यह विकास के बाद के परीक्षण के लिए ठीक है। प्रत्येक 4 साइट आगंतुकों में केवल 100 से थोड़ा अधिक ही इसका उपयोग करने की उम्मीद की जा सकती है, हालांकि उस संख्या में थोड़ी वृद्धि होने की उम्मीद की जा सकती है क्योंकि अधिक उपयोगकर्ता इंटरनेट एक्सप्लोरर को छोड़ देते हैं।

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

अब चलो डेवलपर्स के लिए बहुत अच्छे ब्राउज़र एक्सटेंशन देखें और आप उन्हें अपने ब्राउज़र में क्यों जोड़ना चाहते हैं।

1। के साथ बनाया गया

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

2। कुल्हाड़ी

यह एक एक्सेसिबिलिटी ऑडिटिंग टूल है। अपने पृष्ठों को यथासंभव संभव बनाने और उन्हें एक्सेस करने के लिए हमेशा सर्वश्रेष्ठ है, और कुल्हाड़ी आपकी साइट से उपयोगकर्ताओं के एक सेगमेंट को छोड़कर गलती से बचने में आपकी मदद करेगी। लिंक डाउनलोड करें: क्रोम / क्रोमियम, फ़ायरफ़ॉक्स

3। ColorZilla

एक पुराना लेकिन अभी भी एक अच्छा है, यह विस्तार आपको रंगों को सीधे एक पृष्ठ से नमूना करने, रंग कोड पुनर्प्राप्त करने, ग्रेडिएंट उत्पन्न करने, और बहुत कुछ करने की अनुमति देता है। लिंक डाउनलोड करें: क्रोम / क्रोमियम, फ़ायरफ़ॉक्स

4। वेब डेवलपर

CSS, प्रपत्र, चित्र और जानकारी के नियंत्रण के लिए अपने ब्राउज़र में कुछ उपयोगी अतिरिक्त जोड़ता है। अब तक के सबसे लोकप्रिय एक्सटेंशन में से एक। लिंक डाउनलोड करें: क्रोम / क्रोमियम, फ़ायरफ़ॉक्स

5। वू रैंक

एसईओ डेटा के लिए किसी भी वेब पेज का विश्लेषण करें। समग्र एसईओ स्कोर, सुधार के लिए सुझाव, कीवर्ड क्लाउड, और बहुत कुछ सहित आपको सभी एसईओ इंटर्ल्स दिखाते हुए एक शक्तिशाली रिपोर्ट प्रदान करता है। लिंक डाउनलोड करें: क्रोम / क्रोमियम, फ़ायरफ़ॉक्स

6। Tab2QR

उस पृष्ठ का एक QR कोड उत्पन्न करें जिस पर आप हैं और आप QR कोड को स्कैन करके पृष्ठ को अपने फ़ोन पर देख सकते हैं। उत्तरदायी साइटों के परीक्षण के लिए अच्छा है, भले ही आपने उन्हें नहीं बनाया हो। लिंक डाउनलोड करें: क्रोम / क्रोमियम, फ़ायरफ़ॉक्स

7। HTTP अनुरोध निर्माता

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

8। पृष्ठ प्रदर्शन परीक्षण

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

9। शब्द गणना उपकरण

यह वास्तव में नाम से अधिक कर सकता है, क्योंकि यह आपको यह भी बताएगा कि पाठ के चयनित ब्लॉक (या पूरे पृष्ठ) में कितने वर्ण और कितने वाक्य हैं। लिंक डाउनलोड करें: क्रोम / क्रोमियम, फ़ायरफ़ॉक्स

10। वेब डेवलपर चेकलिस्ट

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

11। छवि मानचित्र संपादक

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

12। एडवांस्ड फ्रेम एडिटर

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

13। बूटस्ट्रैप उत्तरदायी हेल्पर

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

14। अपने आप को आज़माएं HTML5 संपादक

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

15। एक्स-रे काले चश्मे

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

हेडर इमेज सौजन्य से

बोगदान रैंकी

बोगदान इंसपायर्ड मैग का एक संस्थापक सदस्य है, जिसके पास इस अवधि में लगभग 6 वर्षों का अनुभव है। अपने खाली समय में वह शास्त्रीय संगीत का अध्ययन करना और दृश्य कला का पता लगाना पसंद करते हैं। वह भी Fixies के साथ काफी जुनूनी है। वह पहले से ही 5 का मालिक है।