शुरू करना
Chrome एक्सटेंशन डेवलपमेंट में आपका स्वागत है. अपना पहला Chrome एक्सटेंशन बनाने और उसे डिस्ट्रिब्यूट करने के लिए, ज़रूरी जानकारी पाएं.
खास जानकारी
एक्सटेंशन क्या होते हैं?
Chrome एक्सटेंशन, यूज़र इंटरफ़ेस को पसंद के मुताबिक बनाकर, ब्राउज़र इवेंट को मॉनिटर करके, और वेब में बदलाव करके ब्राउज़िंग अनुभव को बेहतर बनाते हैं. एक्सटेंशन क्या-क्या कर सकते हैं, इसके बारे में ज़्यादा उदाहरणों के लिए Chrome वेब स्टोर पर जाएं.
इन्हें कैसे बनाया जाता है?
वेब ऐप्लिकेशन बनाने के लिए इस्तेमाल की जाने वाली वेब टेक्नोलॉजी का इस्तेमाल करके, एक्सटेंशन बनाए जा सकते हैं: एचटीएमएल, सीएसएस, और JavaScript.
वे क्या कर सकते हैं?
अलग-अलग काम करने के लिए, एक्सटेंशन के पास वेब एपीआई के साथ-साथ Chrome एक्सटेंशन एपीआई का भी ऐक्सेस होता है. ज़्यादा जानकारी के लिए, डेवलप करने से जुड़ी गाइड देखें.
एक्सटेंशन की शब्दावली
Chrome एक्सटेंशन में ऐसे हिस्से होते हैं जो अलग-अलग भूमिकाएं निभाते हैं.
मेनिफ़ेस्ट
एक्सटेंशन की मेनिफ़ेस्ट फ़ाइल ही ऐसी ज़रूरी फ़ाइल है जिसका नाम खास होना चाहिए: manifest.json. यह एक्सटेंशन की रूट डायरेक्ट्री में भी मौजूद होनी चाहिए. मेनिफ़ेस्ट, ज़रूरी मेटाडेटा रिकॉर्ड करता है, संसाधनों की जानकारी देता है, अनुमतियों की जानकारी देता है, और यह तय करता है कि कौनसी फ़ाइलों को बैकग्राउंड और पेज पर चलाना है.
सर्विस वर्कर
सर्विस वर्कर बैकग्राउंड में चलता है और ब्राउज़र इवेंट को मैनेज करता है. जैसे, बुकमार्क हटाना या टैब बंद करना. उनके पास डीओएम का ऐक्सेस नहीं होता. हालांकि, इस इस्तेमाल के उदाहरण के लिए, इसे ऑफ़स्क्रीन दस्तावेज़ के साथ जोड़ा जा सकता है.
कॉन्टेंट स्क्रिप्ट
कॉन्टेंट स्क्रिप्ट, वेब पेज के कॉन्टेक्स्ट में JavaScript चलाती हैं.
टूलबार ऐक्शन
जब उपयोगकर्ता एक्सटेंशन टूलबार आइकॉन पर क्लिक करता है या Action API का इस्तेमाल करके कोई पॉप-अप दिखाता है, तब कोड को लागू करें.
साइड पैनल
ब्राउज़र के साइड पैनल में पसंद के मुताबिक यूज़र इंटरफ़ेस (यूआई) दिखाएं.
DeclarativeNetRequest
नेटवर्क के अनुरोधों को इंटरसेप्ट, ब्लॉक या उनमें बदलाव करना.
Chrome Web Store पर पब्लिश करना
अगर आपको खुद के लिए एक्सटेंशन बनाना है, तो शुरू करने से जुड़ा ट्यूटोरियल देखें. अगर आपको Chrome वेब स्टोर पर पब्लिश करना है, तो आपको कुछ बातों के बारे में पहले जानना होगा.
अच्छी क्वालिटी का एक्सटेंशन डिज़ाइन करना
यह चुनते समय कि किन सुविधाओं के साथ काम करना है, पक्का करें कि आपका एक्सटेंशन सिर्फ़ एक काम करता हो. यह काम सटीक और समझने में आसान होना चाहिए.
नीतियों के बारे में जानना
Chrome Web Store पर उपलब्ध कराए जाने वाले एक्सटेंशन, डेवलपर कार्यक्रम की नीतियों का पालन करते हों. इन नीतियों के बारे में जानें, ताकि यह पक्का किया जा सके कि आपके एक्सटेंशन को Chrome Web Store में होस्ट किया जा सकता है.
एक्सटेंशन का पूरा लॉजिक शामिल करना
कोड लिखते समय, ध्यान रखें कि सभी लॉजिक, एक्सटेंशन पैकेज में शामिल होने चाहिए. इसका मतलब है कि रनटाइम के दौरान कोई अतिरिक्त JavaScript कोड डाउनलोड नहीं किया जा सकता. एक्सटेंशन की सुरक्षा को बेहतर बनाएं सेक्शन में, रिमोट तौर पर होस्ट किए गए कोड को चलाने के अन्य विकल्प मिलते हैं.
ट्यूटोरियल
एक्सटेंशन के बारे में जानने के लिए, यहां दिए गए ट्यूटोरियल में से कोई एक चुनें.
आपका पहला एक्सटेंशन
अपना पहला 'नमस्ते दुनिया' एक्सटेंशन बनाएं. इससे आपको एक्सटेंशन डेवलपमेंट वर्कफ़्लो के बारे में पता चलेगा.
हर पेज पर स्क्रिप्ट चलाना
किसी साइट में एलिमेंट अपने-आप जुड़ने की सुविधा सेट अप करने का तरीका जानें.
ऐक्टिव टैब में स्क्रिप्ट इंजेक्ट करना
टूलबार आइकॉन पर क्लिक करके, मौजूदा पेज के स्टाइल को आसान बनाने का तरीका जानें.
टैब मैनेजर बनाना
ऐसा पॉप-अप बनाने का तरीका जानें जो आपके टैब मैनेज करता है.
सेवा वर्कर की मदद से इवेंट मैनेज करना
एक्सटेंशन के लिए सेवा वर्कर बनाने और उसे डीबग करने का तरीका जानें.
अपने एक्सटेंशन को डीबग करना
डीबग करने के दौरान लॉग और गड़बड़ी के मैसेज ढूंढने का तरीका जानें.