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