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

यदि आप इस पृष्ठ के लिंक से किसी सेवा की सदस्यता लेते हैं, तो रीव्स एंड संस लिमिटेड एक कमीशन कमा सकता है। हमारा देखें नैतिक वक्तव्य.

यह पृष्ठ मूल रूप से अंग्रेजी में लिखा गया था। अभी आप एक मशीनी अनुवादित संस्करण हिंदी में देख रहे हैं।

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

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

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

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

Now let’s take that look at the very best browser extensions for developers and why you might want to add them to your browser.

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

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

2। कुल्हाड़ी

This is an accessibility auditing tool. It’s always best to try and make your pages as accessible as possible, and aXe will help you avoid accidentally excluding a segment of users from your site. Download links: क्रोम / क्रोमियम, Firefox

3। ColorZilla

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

4। वेब डेवलपर

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

5। वू रैंक

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

6। Tab2QR

Generate a QR code of the page you’re on and you can visit the page with your phone just by scanning the QR code. Good for testing responsive साइटें, भले ही आपने उन्हें न बनाया हो। लिंक डाउनलोड करें: क्रोम / क्रोमियम, Firefox

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

This can be very useful for testing PHP form responses where you don’t really want to actually submit the form (which might trigger additional processing you don’t need to test). With this tool you can forge HTTP requests effortlessly. Note that although the Chrome and Firefox extensions have the same name and do the same things, they’re made by different developers and are not exactly the same. Download links: क्रोम / क्रोमियम, Firefox

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

Quickly obtain a report of how your page performs at different stages of it’s journey to your browser. It’s kind of like a more advanced version of tracert. This one is only available on Firefox for now. There are similar extensions for Chrome and Chromium but they’re not as rich in features as this one. Download links: Firefox

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

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

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

Make sure you’re following best web development practice guidelines with this tool that will show up where your standards may have slipped. Download links: क्रोम / क्रोमियम, Firefox

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

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

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

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

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

This is a very simple little extension that helps you see quickly if your breakpoints are working correctly and what bootstrap level the current mode is. Of course you’ll only need this extension if you actually work in Bootstrap. The Chrome version is developed by Jonathan Defraiteur, and the Firefox version is developed by Kevin Bon. Download links: क्रोम / क्रोमियम, Firefox

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

If you prefer to keep things simple and just get all your work done from one place, this extension is for you. Rich in features, this context-aware editor works directly in the browser and supports HTML, CSS, and JavaScript. It’s far from perfect, but for a quick and dirty edit without the bother of opening a separate application, it gets the job done. Download links: Firefox

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

Technically this one isn’t an extension, it’s actually a bookmarklet. But it works so well, we couldn’t leave it off the list. Even though it’s made by Mozilla, it works equally well in Chrome because both browsers are fully standards compliant. To use it, you’ll need to make your bookmarks bar visible. Then visit the download page, which you can reach via the links below, and drag the X-Ray Goggles button onto the bookmarks bar. Then just visit any site, fire up your X-Ray Goggles bookmark, select an element on the page, and you can edit the code for it. Download links: क्रोम / क्रोमियम, Firefox

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

बोगदान रैंकी

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

टिप्पणियाँ 0 जवाब

एक जवाब लिखें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड इस तरह चिह्नित हैं *

रेटिंग *

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.