11 Chrome Extensions for Web Designers and Developers

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

1. कलर पिक आईड्रॉपर

क्या आप एक यादृच्छिक वेबपेज की रंग योजना को पसंद करते हैं और इसे अपने प्रोजेक्ट में उपयोग करना चाहते हैं? कलर पिक “आईड्रॉपर” नामक क्रोम एक्सटेंशन आपको पिनपॉइंट सटीकता और एक समायोज्य ज़ूम सुविधा के साथ रंगों को निकालने देता है।

क्रोम वेब कलर पिक आईड्रॉपर 1

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

2. एक-पूर्ण पृष्ठ स्क्रीनशॉट पर क्लिक करें

एक पूर्ण-पृष्ठ वेब स्क्रीनशॉट लेना रोजमर्रा के काम की आवश्यकता है। कभी-कभी अपने डिजाइन परिवर्तनों को संप्रेषित करने का सबसे अच्छा तरीका पूरी वेबसाइट पर कब्जा करना है। “वन क्लिक फुल पेज स्क्रीनशॉट” नामक एक एक्सटेंशन के साथ, आप इसे ठीक से प्राप्त कर सकते हैं।

स्क्रीन कैप्चर प्रगति पर है, एक बार पूरा होने के बाद आपकी समाप्त स्क्रॉल छवि एक नई विंडो में खुलेगी।

Chrome वेब एक पूर्ण पृष्ठ स्क्रीनशॉट 1 पर क्लिक करें

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

यदि आपको बस एक दृश्य स्क्रीन के पूरे स्क्रीनशॉट की आवश्यकता है, तो इस एक्सटेंशन का उपयोग करें।

Chrome वेब संपूर्ण पृष्ठ स्क्रीनशॉट 1

3. EditThisCookie

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

Chrome वेब Editthiscookie 1

4. मोदक

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

क्रोम वेब मोडिडर 1

5. यूएक्स चेक

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

क्रोम वेब यूएक्स चेक 1

6. विंडो Resizer

वेब डेवलपर्स को विभिन्न स्क्रीन आयामों के लिए अपने वेब पेजों का अनुकरण करने की आवश्यकता होती है। Window Resizer से आप लैपटॉप, टैबलेट, स्मार्टफोन और अपने चयन के किसी भी स्क्रीन आयाम के लिए ये मूल्यांकन आसानी से कर सकते हैं।

क्रोम वेब विंडो Resizer

इस उपकरण में “घुमाएँ” और “लाइव माप” जैसी कुछ शांत विशेषताएं हैं, साथ ही दृश्य अनुकूलन कार्यों का एक समूह है। यदि आप वास्तव में उत्तरदायी वेबसाइट बनाना चाहते हैं, तो सुनिश्चित करें कि आपने सभी स्क्रीन आयामों के लिए इसकी उपस्थिति को क्रॉस-चेक किया है।

7. लोरम इप्सम जेनरेटर

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

क्रोम वेब लोरेम इप्सम जेनरेटर 1

8. निर्मित प्रौद्योगिकी Profiler

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

क्रोम वेब निर्मित 1

9. क्या?

WhatFont एक वेब पेज पर विभिन्न प्रकार के फ़ॉन्ट की पहचान करने का सबसे तेज़ और आसान तरीका है। इसका पूरा विवरण प्राप्त करने के लिए आपको केवल पाठ के पास मंडराना होगा। यह TypeKit और Google FontAPI जैसे उन्नत टेम्पलेट्स का समर्थन करता है।

क्रोम वेब व्हाट्सएप 1

10. CheckMyLinks

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

क्रोम वेब चेकमाइलिंक 1

11. कीटनाशक

क्या आप अपनी वेबसाइट में CSS लेआउट की समस्याओं का अनुमान लगाते हैं? कीटनाशक आपको हर पृष्ठ तत्व को एक रूपरेखा प्रदान करके इन समस्याओं को दूर करने की अनुमति देता है। धारण करके Ctrl कुंजी, आप तत्व जानकारी देख सकते हैं और पृष्ठ पर तत्व के स्थान का विश्लेषण कर सकते हैं।

क्रोम वेब कीटनाशक 1

कई अन्य लोकप्रिय वेब एक्सटेंशन हैं जो वेबसाइट एप्लिकेशन में महत्वपूर्ण विवरणों का प्रबंधन करते हैं। उदाहरण के लिए, JSON व्यूअर JSON फ़ाइलों के साथ काम करने वालों की मदद करता है। एक HTML ट्री जनरेटर है जो एक वेबसाइट में सभी तत्वों का एक पेड़ देता है।

उपरोक्त के अलावा, आपकी ब्राउज़िंग गति को बेहतर बनाने के लिए बहुत सारे क्रोम एक्सटेंशन हैं। उनकी जाँच करो!

सम्बंधित:

सयाक बोरल
सयाक बोरल

Sayak Boral एक प्रौद्योगिकी लेखक है, जो अर्धचालक, IoT, एंटरप्राइज़ IT, दूरसंचार OSS / BSS और नेटवर्क सुरक्षा सहित विभिन्न उद्योगों में काम करने के दस वर्षों के अनुभव के साथ है। वह विंडोज, एंड्रॉइड, इंटरनेट, हार्डवेयर गाइड, ब्राउजर, सॉफ्टवेयर टूल्स और उत्पाद समीक्षा सहित तकनीकी विषयों की एक विस्तृत श्रृंखला पर MakeTechEasier के लिए लिख रहा है।

क्या यह लेख उपयोगी है?

Leave a Comment

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