Web Developers के लिए के Top “10 Chrome Extensions” (Addons) – 2021

top 10 chrome addons web developers ke liye in hindi

यदि आप एक वेब डेवलपर हैं, तो संभवतः आपके पास पहले से ही पसंदीदा Chrome Extensions का एक अच्छा Collection होगा जिसका आप Daily basis पर उपयोग करते होंगे | 

Web Extensions हमारे रोजमर्रा के वेब डेवलपमेंट के कार्यों को बेहतर ढंग से करने में मदद करते हैं |

मेरा मानना है कि अगर आप अपनी जरूरत के अनुसार अलग-अलग तरह के एक्सटेंशन कोअच्छे से उपयोग करना सीख ले तो यह आपके कार्य करने की गति को बढ़ाने में मददगार साबित होंगे और साथ ही साथ आपके कार्य की Productvity मे भी इजाफा होगा | 

चूंकि हम में से अधिकांश लोग Google Chrome ब्राउज़र का ही उपयोग करते हैं , इसलिए आज हम क्रोम एक्सटेंशन के बारे में ही बात करेंगे।

हालांकि इंटरनेट पर अन्य ब्राउज़र भी उपलब्ध हैं लेकिन आज विश्व मे 65.27% इंटरनेट उपयोगकर्ताओं द्वारा केवल Google Chrome का ही उपयोग किया जाता है। 

मैंने स्वयं और अपने साथ काम करने वाले वेब डेवलपर्स से उनके मनपसंद क्रोम एक्सटेंशन के बारे में पूछा तो ज्यादातर का मत नीचे दिए गए extensions के बारे में ही था | 

इसलिए आप भी इनके बारे में दी गई विस्तृत जानकारी को ध्यान पूर्वक पढ़े और इनको प्रभावी ढंग से उपयोग करना सीखें |

डेवलपर्स के लिए सर्वश्रेष्ठ 10 क्रोम एक्सटेंशन की एक क्यूरेटेड सूची निम्नानुसार है।
web developer addon
Download Web Developer

वेब डेवलपर एकमात्र ऐसा क्रोम एक्सटेंशन है जो  “Web Developers” को उनकी जरूरत के बहुत से Tools को एक ही जगह उपलब्ध करवाता है।

इसके नाम से ही हमें अंदाजा हो जाता है की ये Extenstion मुख्यत: Web Developers के लिए ही बनाया गया है | 

Chrome  मे एक बार इंस्टाल हो जाने के बाद, वेब डेवलपर टूलबार में छोटे कॉग आइकन का उपयोग करके इसे एक्सेस किया जा सकता है। 

एक बार Select करने के बाद, आपको टैब में Manage Option की Series के साथ एक छोटा ड्रॉपडाउन बॉक्स दिखाई देगा |

Dropdown list से आप किसी भी Tool को चुन सकते है | 

इसे देखने पर आपको लगेगा की यंहा पता नहीं क्या कुछ चल रहा है लेकिन वास्तव में प्रत्येक Element उपयोगी है।

सच तो यह है कि इस एक्सटेंशन की जरूरत हर एक Developer को पड़ती है तभी तो इस Chrome Extention को 10 लाख से भी ज्यादा बार install किया जा चूका है |   

100,0000+ उपयोगकर्तारेटिंग –  4.5/5
whatfont addon
Download WhatFornt

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

यह बहुत ही Fast व प्रभावी है और एक वेब पेज के भीतर सेकंडों अलग-अलग तरह के फोंट की पहचान कर सकता है। 

यह Font-Family , Font Size , Font Weight  और Font Color  की भी पहचान करता है। इसका results ब्राउज़र में एक छोटी पॉपअप विंडो के भीतर दिखाई देता है | 

WhatFont वेब डेवलपर्स के लिए अच्छा है  यह size में  छोटा है, इसलिए ब्राउज़र के ज्यादा रिसोर्सेज को Use नहीं करता है | 

हालांकि इसे कुछ समय से अपडेट नहीं किया गया है लेकिन फिर भी यह पूरी तरह से काम करता है।

1,000,000+ उपयोगकर्तारेटिंग –  4/5
इसे भी पढ़े ->> Woocommerce क्या है? WordPress में कैसे Install व Use करें
wappalyzer addon

वेब पेजों के पीछे अंतर्निहित तकनीकों की पहचान करने के लिए Wappalyzer एक बहुत ही प्रभावी Google Chrome Extention है। 

यह वेबसाइट में प्रयोग किए गए प्लेटफार्म व टूल्स के बारे में जानकारी प्राप्त करने के लिए उपयोग में लिया जाता है |

इसके द्वारा आप किसी भी वेबसाइट में  यूज़ की गई Web Services, CMS के प्रकार, एनालिटिक्स टूल, प्लगइन्स, जावास्क्रिप्ट लाइब्रेरी और अन्य ऐप्स की पूरी जानकारी निकाल सकते है। 

यदि आप किसी “Web Page” के पीछे के रहस्यों को जानना चाहते हैं, तो यह पता लगाने का एक कारगर तरीका है।

बस आप इस एक्‍सटेंशन  को अपने क्रोम ब्राउज़र में इंस्‍टॉल करें,  फिर किसी पेज पर रहते हुए इसे “Select” करें | 

फिर एक Pop-up Window उस पेज पर चल रहे सभी Applications को हाइलाइट करती दिखाई देगी।

1,000,000+ उपयोगकर्तारेटिंग –  4/5
page ruler redux addon

पेज रूलर एक डायनेमिक माप एक्सटेंशन है। इस से आप किसी भी Web Page के Sections व  Elements की ऊंचाई व चौड़ाई को नाप सकते हैं | 

यह उनके बीच की Margin / Padding  को मापने के लिए बहुत उपयोगी है। Page Ruler web elements  को बहुत ही सटीक रूप से मापता है।

जब आपको कुछ मापने की आवश्यकता हो, तो अपने Chrome Browser में “Page Ruler” के आइकन पर “Click” करें | 

क्लिक करने पर यह नारंगी रंग का हो जाएगा और आपका Webpage फीका पड़ जाएगा |

अब आप अपने Mouse Cursor से उस हिस्से को Select करें जिसको आप मापना चाहते हैं। अब एक्सटेंशन उस Element का सटीक माप उसके बगल में एक छोटे पॉपअप बॉक्स में प्रस्तुत करेगा।

इसको  सीखना और इस्तेमाल करना सच में बहुत ही आसान है हो सके तो आप भी एक बार जरूर इस्तेमाल करके देखिए |

300,000 + उपयोगकर्तारेटिंग – 4.5/5
imageye addon

Imageye extension की गिनती क्रोम ब्राउज़र के सबसे पॉपुलर एक्सटेंशंस में होती है |

इस एक्सटेंशन का use किसी भी वेबसाइट पर उपलब्ध किसी भी तरह की  Images को Bulk में Download करने के लिए किया जाता है |

यह मेरा भी पसंदीदा क्रोम एक्सटेंशन है जैसा कि हम जानते हैं कि जब भी हम गूगल में किसी इमेज को तलाश करते हैं तो गूगल पहले उसका सिर्फ Preview दिखाता है |

औरअगर हमें किसी इमेज को डाउनलोड करना है तो पहले उसको किसी दूसरी Browser टैब में या फिर उस इमेज के लिंक को खोलना पड़ता है |

पर इस एक्सटेंशन की मदद से आप गूगल images प्रीव्यू या किसी वेबसाइट में दिखने वाली हजारों Images  को एक ही क्लिक में डाउनलोड कर सकते हैं | 

आसान शब्दों में कहो तो यह Images Scrapping के लिए बेहतरीन एक्सटेंशन है |

100,000 + उपयोगकर्तारेटिंग – 5/5
इसे भी पढ़े ->> What is WordPress Multisite? WordPress Multisite Network कैसे Install करते है
colorzilla chrome

ColorZilla किसी भी वेब पेज  पर उपलब्ध Colors की Properties का पता लगाने  के लिए एक शानदार क्रोम डेवलपर एक्सटेंशन है। 

इसमें आपको एक आईड्रॉप कलर सेलेक्टर, एक कलर हिस्ट्री टूल, एक “सीएसएस ग्रेडिएंट एनालाइजर” और एक “पेज एनालाइजर” शामिल है जो वेब पेज पर रंगों का आकलन करता है।

यदि आप किसी ऐसी वेबसाइट पर आते हैं तो यह टूल आपको संयोजनों या अलग-अलग रंगों को सेकंडों में पहचानने में मदद करता है। 

यह Webpage पर रंग से संबंधित किसी भी तरह  की जानकारी उपलब्ध करवाने में सक्षम है |

2,000,000+ उपयोगकर्तारेटिंग – 4.5/5
window resizer addon

Window Resizer वेब डेवलपर्स के लिए एक अविश्वसनीय रूप से उपयोगी क्रोम एक्सटेंशन है।

यह Use करने में आसान है लेकिन बहुत ही प्रभावी है, खासकर जब Responsive डिज़ाइन या ऐप्स के साथ काम कर रहे हो । 

यह क्रोम में इंस्टॉल होने के बाद आप जिस भी स्क्रीन पर काम कर रहे हैं उसका आकार कई popular screen sizes में बदल देगा।

इसके द्वारा आप अपने वेबसाइट को अलग अलग devices के screensize मे खोल के check कर सकते और वेबसाइट मे Responsivess का कोई issue है तो उसे आसानी से ढूंढ सकते है  

इसमें आपको मोबाइल, टैबलेट, डेस्कटॉप के अलग अलग 7 स्क्रीन साइज मिलते है । यहाँ हमारे ऑफिस में हम सब भी  Window Resizer का बहुत उपयोग करते हैं | 

600,000+ उपयोगकर्तारेटिंग – 4.2/5
css viewver

CSS व्यूअर वेब डेवलपर्स के लिए एक और सरल लेकिन बहुत ही प्रभावी क्रोम एक्सटेंशन है। 

जैसा कि इसके नाम से ही पता चलता है यह “Addon” किसी select किये गए Webpage की CSS Properties को दिखाता है | 

आप जहाँ भी अपना माउस घुमाते हैं और element को select करते है वँहा एक छोटी पॉपअप विंडो आपको CSS डेटा दिखाती है | 

यह एक बहुत ही स्मार्ट एक्सटेंशन है जो आपके माउस Pointer के अनुसार उस web element के “CSS Properties” की पहचान करता है और उसकी complete जानकारी उपलबध करवाता है 

100,000+ उपयोगकर्तारेटिंग – 4.4/5
lorem ipsum

लोरेम इप्सम जेनरेटर सबसे अच्छे क्रोम एक्सटेंशन में से एक है। यह वही करता है जो इसका नाम बताता है। यह डेमो वेबसाइटों के लिए फिलर टेक्स्ट बनाता है और उसे अच्छी तरह से manage करता है।

इसको Use करना बच्चों का खेल है | Extention को इनस्टॉल करने के बाद इसे ओपन करे और बताये की आप कितनी लोरम इप्सम कॉपी जेनरेट करना चाहते हैं | 

यह उतनी Demo text की कॉपी Generate कर देगा | अब आप Demo Contents को विंडोज से Copy कर ले और अपने पेज में पेस्ट करें बस आपका काम हो गया।

100,000+ उपयोगकर्तारेटिंग – 4.4/5
clear cache

यह हमारी List का अंतिम Chrome Extenstion है पर इसका आपके Chrome Browser में होना परम आवश्यक है 

Developer के लिए “Browser Cache” किसी अभिशाप की तरह होती है क्यूंकि जब भी डेवलपर किसी वेब पेज में कोई Changes करता है तो Changes स्क्रीन पर दिखाई नहीं देते है | 

अगर आपके साथ भी अक्सर ऐसा होता है तो आप अकेले नहीं है | हम सबको इस problems से रूबरू होना पड़ता है | 

इस प्रॉब्लम का एक ही सलूशन है की आप अपने ब्राउज़र की cache को clean रखो | 

Cache Clean करने के लिए आपको बार-बार Browser सेटिंग्स में जाना पड़ता है जो सच में Irritate करने वाला काम है | 

पर Thank God क्लियर कैश एक ऐसा उपयोगी क्रोम डेवलपर एक्सटेंशन है जो ये काम एक क्लिक में कर देता है 

बस एक्सटेंशन इंस्टॉल करें और ब्राउज़र कैशे को साफ़ करने के लिए अपने ब्राउज़र में छोटे रीसायकल आइकन का Select करें । 

कोई Confirmation नहीं है कोई फ़ालतू नोटिफिकेशन नहीं है। एक झटके में पुरानी cache साफ़ | 

800,000+ उपयोगकर्तारेटिंग – 4.7/5

तो दोस्तों आशा करता हूँ कि ये Post आपको लोगो को पसंद आई होगी कृपया इसको अपने सोशल मीडिया व दोस्तों के साथ जरूर Share करें


How useful was this post?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top