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

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

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

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

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

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

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

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

2। कुल्हाड़ी

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

3। ColorZilla

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

4। वेब डेवलपर

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

5। वू रैंक

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

6। Tab2QR

आप जिस पेज पर हैं उसका एक क्यूआर कोड जेनरेट करें और आप क्यूआर कोड को स्कैन करके अपने फोन से पेज पर जा सकते हैं। परीक्षण के लिए अच्छा responsive साइटें, भले ही आपने उन्हें न बनाया हो। लिंक डाउनलोड करें: क्रोम / क्रोमियम, Firefox

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

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

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

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

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

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

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

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

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

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

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

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

13. बूटस्ट्रैप Responsive सहायक

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

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

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

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

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

हेडर इमेज सौजन्य से मोनिका पोला