वेबसाइट विकसित करते समय, आपको कई जटिल आवश्यकताओं की एक चेकलिस्ट बनानी होगी। चाहे रंग या फ़ॉन्ट योजनाओं से निपटना हो, CSS लेआउट समस्याएं, या विभिन्न उपकरणों पर वेबसाइट की प्रतिक्रियाशीलता, किसी भी उभरते मुद्दे के शीर्ष पर बने रहना महत्वपूर्ण है। निम्नलिखित Google Chrome (और अन्य Chromium-आधारित ब्राउज़र) के लिए कुछ सर्वश्रेष्ठ वेब डेवलपमेंट एक्सटेंशन हैं।
1. Color Pick Eyedropper
क्या आप एक रैंडम वेबपेज की रंग योजना पसंद करते हैं और इसे अपने प्रोजेक्ट में उपयोग करना चाहते हैं? Color Pick "Eyedropper" नामक एक Chrome एक्सटेंशन आपको समायोज्य ज़ूम सुविधा के साथ पिनपॉइंट सटीकता के साथ रंग निकालने देता है।
इस तरह के एक्सटेंशन को रंग निष्कर्षण करने के लिए सभी वेबसाइटों पर अनुमति की आवश्यकता होती है। यदि आप थोड़ी अधिक उन्नत सुविधाएं चाहते हैं, तो ColorZilla नामक एक समान टूल है जो ग्रेडिएंट जनरेटर, पैलेट व्यूअर और रंग इतिहास के साथ आता है।
2. One-Click Full Page Screenshot
पूरे पेज का वेब स्क्रीनशॉट लेना रोजमर्रा के काम की एक आवश्यकता है। कभी-कभी अपने डिज़ाइन परिवर्तनों को संप्रेषित करने का सबसे अच्छा तरीका पूरी वेबसाइट को जैसा है वैसा ही कैप्चर करना है। "One Click Full Page Screenshot" नामक एक एक्सटेंशन के साथ, आप इसे सटीक रूप से प्राप्त कर सकते हैं।
जब स्क्रीन कैप्चर प्रगति पर होता है, तो आपका तैयार स्क्रॉलिंग छवि एक नई विंडो में खुल जाएगी एक बार पूरा होने पर।
पूरा वेबपेज स्क्रीन अब PNG प्रारूप में डाउनलोड के लिए उपलब्ध है। आप छवि स्क्रीन पर कई प्रभाव भी लागू कर सकते हैं जिनमें फिल्टर, वेबपेज पर ड्राइंग, टेक्स्ट जोड़ना, और बहुत कुछ शामिल हैं।
3. EditThisCookie
वेब डेवलपर्स को कुकीज़ जोड़ने, हटाने, संपादित करने, सुरक्षित करने और ब्लॉक करने के लिए कुकी प्रबंधकों तक पहुंच की आवश्यकता होती है। EditThisCookie एक उपयोगी एक्सटेंशन है जो आपको कुकीज़ के साथ काम करने देता है जैसा आप चाहते हैं और उन्हें JSON प्रारूप में निर्यात या आयात करता है। यह आपको पुरानी कुकीज़ को हटाकर और किसी भी कुकी की अधिकतम निष्कर्षण तिथि को सीमित करके वेबसाइट को स्वस्थ रखने में मदद करता है।
4. ModHeader
ModHeader वेबपेज HTTP हेडर को संशोधित करने के लिए सबसे लोकप्रिय Chrome एक्सटेंशन में से एक है। केवल एक या दो क्लिक का उपयोग करके, आप URL या संसाधन प्रकार के आधार पर हेडर संशोधन को सक्षम कर सकते हैं। सबसे अच्छी बात यह है कि आप कई प्रोफाइल बना सकते हैं और संशोधित हेडर में अलग-अलग मान जोड़ सकते हैं। सभी संशोधनों को केवल एक टैब या पूरी साइट तक सीमित किया जा सकता है।
5. UX Check
हमें समय-समय पर चल रही वेबसाइट के ह्यूरिस्टिक मूल्यांकन की आवश्यकता होती है। यह UX Check के साथ आसान हो जाता है, एक एक्सटेंशन जो सभी UX-संबंधित फीडबैक को एक साइड फलक में प्रदर्शित करता है। आपके द्वारा किसी ऐसे तत्व पर क्लिक करने के बाद जो आपके द्वारा मूल्यांकन किए गए ह्यूरिस्टिक से मेल नहीं खाता, आप नोट्स जोड़ सकते हैं और स्क्रीनशॉट ले सकते हैं। अंत में, सभी परिवर्तनों को .docx प्रारूप में निर्यात किया जा सकता है।
6. Window Resizer
वेब डेवलपर्स को अपने वेब पेजों को विभिन्न स्क्रीन आयामों के लिए अनुकरण करने की आवश्यकता होती है। Window Resizer के साथ, आप लैपटॉप, टैबलेट, स्मार्टफोन, और आपके द्वारा चुने गए किसी भी स्क्रीन आयाम के लिए इन मूल्यांकनों को आसानी से कर सकते हैं।
टूल में "रोटेट" और "लाइव मेजरमेंट" जैसी कुछ अच्छी विशेषताएं हैं, साथ ही दृश्य अनुकूलन कार्यों का एक गुच्छा है। यदि आप वास्तव में एक प्रतिक्रियाशील वेबसाइट बनाना चाहते हैं, तो सुनिश्चित करें कि आपने सभी स्क्रीन आयामों के लिए इसकी उपस्थिति को क्रॉस-चेक किया है।
7. Lorem Ipsum Generator
वेब पेज पर काम जल्दी खत्म करने के लिए, आपको डिफ़ॉल्ट टेक्स्ट की आवश्यकता होती है। Lorem Ipsum Generator नामक एक एक्सटेंशन प्रति पैराग्राफ अलग-अलग पैराग्राफ और वाक्यों के कई डिफ़ॉल्ट टेक्स्ट विकल्प प्रदान करता है। आप "ऑटो सेलेक्ट" विकल्प का उपयोग करके टेक्स्ट के टुकड़े या पूरा टेक्स्ट चुन सकते हैं। अंतिम टेम्पलेट टेक्स्ट में भिन्न संभावनाओं के कारण एक सुंदर रूप देता है।
8. BuiltWith Technology Profiler
BuiltWith एक क्लासिक एक्सटेंशन है जो वेबसाइट का समर्थन करने वाली सभी अंतर्निहित तकनीकों के बारे में जानने के लिए है। केवल एक क्लिक के साथ, यह एक प्रोफाइल बनाता है जो आपको नवीनतम एड-ऑन और उपकरणों के बारे में जानने में मदद करता है जो वेबसाइट को बेहतर बनाते हैं। यह आपको अपनी खुद की उपयोग के लिए इसकी कार्यक्षमता को दोहराने में मदद करता है।
9. WhatFont
WhatFont वेब पेज पर विभिन्न फ़ॉन्ट प्रकारों की पहचान करने के सबसे तेज़ और आसान तरीकों में से एक है। आपको केवल टेक्स्ट के पास होवर करने की आवश्यकता है ताकि उसका पूरा विवरण मिल सके। यह TypeKit और Google FontAPI जैसे उन्नत टेम्पलेट्स का समर्थन करता है।
10. CheckMyLinks
कभी-कभी हमें एक वेबसाइट के सभी लिंक का एक उद्देश्यपूर्ण सारांश चाहिए। CheckMyLinks वैध, अमान्य और टूटे हुए लिंक को सारांशित करने के लिए एक लोकप्रिय एक्सटेंशन है। किसी भी चल रही वेबसाइट के लिए लिंक परिणाम तुरंत एक साइड फलक पर देखे जाते हैं। यह टूल आपकी वेबसाइट या प्रकाशित परिवर्तन लाइव होने से पहले अंतिम मिनट के स्पॉट चेक के लिए बेहद आसान है।
11. Pesticide
क्या आप अपनी वेबसाइट में CSS लेआउट समस्याओं की आशा करते हैं? Pesticide आपको हर पेज तत्व को एक आउटलाइन प्रदान करके इन समस्याओं को डीबग करने की अनुमति देता है। Ctrl कुंजी दबाकर, आप तत्व जानकारी देख सकते हैं और पेज पर तत्व के स्थान का विश्लेषण कर सकते हैं।
वेबसाइट एप्लिकेशन में महत्वपूर्ण विवरणों का प्रबंधन करने वाले कई अन्य लोकप्रिय वेब एक्सटेंशन हैं। उदाहरण के लिए, JSON Viewer उन लोगों की मदद करता है जो JSON फ़ाइलों के साथ काम करते हैं। एक HTML ट्री जनरेटर है जो वेबसाइट में सभी तत्वों का एक ट्री देता है।
उपरोक्त के अलावा, आपके ब्राउज़िंग गति को बेहतर बनाने के लिए बहुत सारे Chrome एक्सटेंशन भी हैं। उन्हें देखें!
