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

खास जानकारी

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

एक्सटेंशन के लिए इस्तेमाल होने वाले शब्द

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

Chrome वेब स्टोर पर प्रकाशित करें

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

ट्यूटोरियल

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