Chrome एक्सटेंशन डेवलपमेंट के सफ़र को शुरू करने का एक नया तरीका

इस पोस्ट में, हमें यह बताते हुए खुशी हो रही है कि Chrome एक्सटेंशन को इस्तेमाल करने के अनुभव को बेहतर बनाया गया है. साथ ही, हम कुछ ऐसे तरीकों के बारे में भी बताते हैं जिनकी मदद से Chrome एक्सटेंशन को बेहतर बनाया जा सकता है.

पुरानी गाइड

पहले, Chrome एक्सटेंशन को शुरू करने का ट्यूटोरियल बुनियादी एक्सटेंशन का उदाहरण था, जो उपयोगकर्ता के एक्सटेंशन पॉप-अप में एक बटन पर क्लिक करने पर मौजूदा पेज का बैकग्राउंड रंग बदल देता था. इसमें एक विकल्प पेज भी शामिल है, जहाँ आप चार में से एक रंग चुन सकते हैं.

इस बुनियादी उदाहरण में, असल दुनिया के एक्सटेंशन में लोकप्रिय क्षमताओं को जोड़ने का तरीका नहीं बताया गया. समय आ गया था, अपने कारोबार में बदलाव करना.

नया तरीका

हम जानते हैं कि डेवलपर, Chrome एक्सटेंशन के बारे में जानने के लिए हमारे दस्तावेज़ों का इस्तेमाल करते हैं. हमारा लक्ष्य, ऐसा पाथ उपलब्ध कराना है जो नए लोगों के लिए आसानी से उपलब्ध, इस्तेमाल में आसान, और काम का हो. मौजूदा ट्यूटोरियल उदाहरण को बेहतर बनाने के बजाय, हमने नए सिरे से शुरुआत करने का फ़ैसला लिया.

पेश है नया और बेहतर 'शुरू करना' कलेक्शन:

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

ये ट्यूटोरियल आपको असल में एक्सटेंशन बनाने का तरीका सिखाते हैं, बल्कि उन्हें बनाने के बारे में सलाह और सबसे सही तरीके भी शेयर करते हैं. इसके अलावा, इन एक्सटेंशन का इस्तेमाल करने से एक्सटेंशन दस्तावेज़ पढ़ते समय आपका अनुभव बेहतर होगा.

इसके बारे में जानकारी पाएं

हर ट्यूटोरियल में ये सेक्शन शामिल होते हैं:

  • वह टास्क जिसे एक्सटेंशन करेगा.
  • इन लेसन के बारे में बताया जाएगा.
  • शुरू करने से पहले, आपको इन बातों की जानकारी होनी चाहिए.
  • एक्सटेंशन बनाने के लिए सिलसिलेवार निर्देश.
  • एक्सटेंशन को लोड करने और उसकी जांच करने का तरीका.

अगर आप चुनौती के लिए तैयार हैं, तो हमने एक सेक्शन शामिल किया है, जिसमें आपके एक्सटेंशन को पसंद के मुताबिक बनाने या अन्य सुविधाओं को जोड़ने के बारे में कुछ आइडिया दिए गए हैं.

हमें आपकी सहायता चाहिए

आपका जवाब पाकर हमें खुशी हुई! अगर आपको इन गाइड में कोई गड़बड़ी दिखती है या साफ़ तौर पर नहीं दिखती, तो कृपया GitHub का डेटा स्टोर करने की जगह पर गड़बड़ी की शिकायत करें.

हमें लगता है कि शुरुआती निर्देश वाली यह नई शुरुआती गाइड, पुरानी सुविधा से काफ़ी बेहतर है, लेकिन हम इसमें आगे नहीं बढ़ रहे हैं; हम सभी एक्सटेंशन डेवलपर को बेहतर सेवा देने के लिए अपने दस्तावेज़ों को बेहतर बनाने और उनका विस्तार करने के लिए काम करते रहेंगे.


Unस्प्लैश पर वर्डन पापिक्यान की फ़ोटो