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

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

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

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

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

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

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

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

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

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

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

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