इस पोस्ट में, हमें Chrome एक्सटेंशन इस्तेमाल करने के अनुभव को बेहतर बनाने के कुछ अहम सुधारों के बारे में बताते हुए खुशी हो रही है. साथ ही, हम आपको इस सपने का हिस्सा बनने के कुछ तरीके भी बताएंगे.
पुरानी गाइड
पहले, Chrome एक्सटेंशन इस्तेमाल करने का तरीका बताने वाला ट्यूटोरियल, एक्सटेंशन का एक बुनियादी उदाहरण था. इसमें, उपयोगकर्ता के एक्सटेंशन पॉप-अप में किसी बटन पर क्लिक करने पर, मौजूदा पेज का बैकग्राउंड कलर बदल जाता था. इसमें एक विकल्प पेज भी शामिल था, जहां चार रंगों में से किसी एक को चुना जा सकता था.
इस बुनियादी उदाहरण में, असल दुनिया के एक्सटेंशन में मौजूद लोकप्रिय सुविधाओं को जोड़ने का तरीका नहीं बताया गया है. अब इसे नए सिरे से तैयार करने का समय आ गया था.
एक नया तरीका
हम जानते हैं कि डेवलपर, Chrome एक्सटेंशन के बारे में जानने के लिए हमारे दस्तावेज़ों का इस्तेमाल करते हैं. हमारा लक्ष्य, ऐसा पाथ उपलब्ध कराना है जो आसानी से ऐक्सेस किया जा सके, शुरुआती लोगों के लिए सही हो, और काम का हो. हमने ट्यूटोरियल के मौजूदा उदाहरण को बेहतर बनाने के बजाय, इसे फिर से शुरू करने का फ़ैसला लिया.
पेश है नए और बेहतर 'शुरू करना' कलेक्शन:
- एक्सटेंशन के बारे में बुनियादी जानकारी
- इसमें Chrome एक्सटेंशन डेवलपमेंट के कुछ बुनियादी कॉन्सेप्ट के बारे में कम शब्दों में बताया गया है. जैसे, वेब टेक्नोलॉजी और आम तौर पर इस्तेमाल होने वाले एक्सटेंशन कॉम्पोनेंट. साथ ही, इसमें यह जानकारी भी शामिल है कि Chrome Web Store में एक्सटेंशन डिज़ाइन और डिस्ट्रिब्यूट करते समय किन बातों का ध्यान रखना चाहिए.
- डेवलपमेंट की बुनियादी बातें
- नमस्ते, एक्सटेंशन का उदाहरण बनाकर, एक्सटेंशन डेवलपमेंट वर्कफ़्लो के बारे में बताता है. इसमें, डेवलपमेंट के दौरान एक्सटेंशन लोड करने, लॉग और गड़बड़ियों का पता लगाने, प्रोजेक्ट का स्ट्रक्चर चुनने, और Typescript का इस्तेमाल करने के बारे में बताया गया है.
- Reading Time के बारे में ट्यूटोरियल
- यह जानना अच्छा लगता है कि किसी लेख को पढ़ने में कितना समय लगेगा. रीडिंग टाइम से आपको यह पता चलता है कि एक्सटेंशन के दस्तावेज़ के हर पेज पर, पढ़ने में लगने वाले अनुमानित समय वाला एलिमेंट कैसे डाला जाए.
- फ़ोकस मोड का ट्यूटोरियल
- किसी पेज से ग़ैर-ज़रूरी चीज़ें हटाने से, हमारा ध्यान सबसे ज़रूरी जानकारी पर टिक जाता है. फ़ोकस मोड की मदद से, पेज का स्टाइल बदलने और ध्यान भटकाने वाले कुछ एलिमेंट को छिपाने का तरीका बताया गया है.
- Tabs Manager ट्यूटोरियल
- एक्सटेंशन डेवलपमेंट के बारे में रिसर्च करते समय, आपके पास कई विंडो में दस्तावेज़ के कई टैब हो सकते हैं. टैब मैनेजर, आपके Chrome एक्सटेंशन और Chrome वेब स्टोर के दस्तावेज़ टैब को व्यवस्थित करता है.
इन ट्यूटोरियल में, आपको असल ज़रूरतों के हिसाब से एक्सटेंशन बनाने का तरीका ही नहीं बताया जाता, बल्कि डेवलपमेंट से जुड़े सुझाव और सबसे सही तरीके भी शेयर किए जाते हैं. इसके अलावा, इन एक्सटेंशन का इस्तेमाल करने से, एक्सटेंशन के दस्तावेज़ पढ़ने का अनुभव बेहतर होगा.
क्या उम्मीद रखें
हर ट्यूटोरियल में ये सेक्शन शामिल होते हैं:
- वह टास्क जिसे एक्सटेंशन पूरा करेगा.
- वे लेसन जिनके बारे में बताया जाएगा.
- शुरू करने से पहले आपको क्या जानना चाहिए.
- एक्सटेंशन बनाने के लिए सिलसिलेवार निर्देश.
- एक्सटेंशन को लोड और टेस्ट करने का तरीका.
अगर आपको चुनौती का सामना करना है, तो हमने एक सेक्शन में कुछ आइडिया शामिल किए हैं. इनसे, अपने एक्सटेंशन को पसंद के मुताबिक बनाने या उसमें अन्य सुविधाएं जोड़ने का तरीका पता चलेगा.
हमें आपकी मदद चाहिए
हमें आपसे सुनकर खुशी होगी! अगर आपको इन गाइड में कुछ गलत या समझ न आने वाला लगता है, तो कृपया हमारे GitHub डेटा स्टोर करने की जगह पर गड़बड़ी की शिकायत करें.
हमें लगता है कि एक्सटेंशन बनाने की शुरुआत करने के बारे में यह नई गाइड, पुरानी गाइड के मुकाबले काफ़ी बेहतर है. हालांकि, हम यहां नहीं रुकेंगे. हम अपने दस्तावेज़ को बेहतर बनाने और उसे बड़ा करने के लिए काम करते रहेंगे, ताकि सभी एक्सटेंशन डेवलपर को बेहतर तरीके से सेवा दी जा सके.
Unsplash पर वर्दान पापिक्यान की फ़ोटो