यह HTML फ़ाइल आपके एक्सटेंशन के पॉपअप की संरचना को परिभाषित करती है। यह एक साधारण पृष्ठ है जिसमें एक शीर्षक और एक जावास्क्रिप्ट फ़ाइल का लिंक है।

  1. पॉपअप.जेएस बनाएं:
   document.addEventListener(\\'DOMContentLoaded\\', function() {     console.log(\\'Extension popup loaded\\');   });

इस जावास्क्रिप्ट फ़ाइल में आपके एक्सटेंशन के पॉपअप के लिए तर्क शामिल है। इवेंट श्रोता फ़ंक्शन निष्पादित करने से पहले DOM के पूरी तरह से लोड होने की प्रतीक्षा करता है, जो बस कंसोल पर एक संदेश लॉग करता है।

  1. अपने एक्सटेंशन का स्थानीय स्तर पर परीक्षण करें:

ये चरण आपको वेब स्टोर पर प्रकाशित किए बिना क्रोम में अपने एक्सटेंशन को लोड और परीक्षण करने की अनुमति देते हैं।

चरण 2: अपने एक्सटेंशन को आकर्षक कैसे बनाएं

सबमिशन के लिए तैयारी करें

  1. उच्च-गुणवत्ता वाले आइकन बनाएं:

ये आइकन क्रोम और वेब स्टोर में विभिन्न स्थानों पर आपके एक्सटेंशन का प्रतिनिधित्व करते हैं।

  1. स्क्रीनशॉट लें (1280x800 या 640x400 पिक्सेल):

स्क्रीनशॉट संभावित उपयोगकर्ताओं को आपके एक्सटेंशन की कार्यक्षमता का पूर्वावलोकन देते हैं।

  1. एक आकर्षक विवरण लिखें:

एक अच्छा विवरण उपयोगकर्ताओं को आपके एक्सटेंशन को समझने में मदद करता है और खोज परिणामों में इसकी दृश्यता में सुधार कर सकता है।

  1. उपयुक्त श्रेणियां चुनें:

उचित वर्गीकरण से उपयोगकर्ताओं के लिए वेब स्टोर ब्राउज़ करते या खोजते समय आपके एक्सटेंशन को खोजना आसान हो जाता है।

चरण 3: एक डेवलपर खाता बनाएं (एक्सटेंशन स्टारडम के लिए $5 का टिकट)

  1. क्रोम डेवलपर डैशबोर्ड पर जाएं।
  2. अपने Google खाते से साइन इन करें या एक नया खाता बनाएं।
  3. एकमुश्त डेवलपर पंजीकरण शुल्क ($5 USD) का भुगतान करें।
  4. यदि आवश्यक हो तो अपना ईमेल पता सत्यापित करें।

क्रोम वेब स्टोर पर एक्सटेंशन प्रकाशित करने के लिए यह चरण आवश्यक है। यह शुल्क स्पैम और निम्न-गुणवत्ता वाले एक्सटेंशन को रोकने में मदद करता है।

चरण 4: अपना एक्सटेंशन अपलोड करें

  1. डेवलपर डैशबोर्ड में \\\"नया आइटम\\\" पर क्लिक करें।
  2. अपने एक्सटेंशन की एक ज़िप फ़ाइल बनाएं:
  3. ज़िप फ़ाइल अपलोड करें।
  4. सभी आवश्यक फ़ील्ड भरें:
  5. दृश्यता विकल्प सेट करें:
  6. मूल्य निर्धारण और वितरण सेट करें:

ये चरण Chrome वेब स्टोर पर अपना एक्सटेंशन सबमिट करने की प्रक्रिया में आपका मार्गदर्शन करते हैं।

चरण 5: अपना विस्तार प्रकाशित करें (सच्चाई का क्षण)

  1. सटीकता के लिए सभी जानकारी की समीक्षा करें।
  2. डेवलपर अनुबंध स्वीकार करें।
  3. अपने एक्सटेंशन को समीक्षा हेतु सबमिट करने के लिए \\\"प्रकाशित करें\\\" पर क्लिक करें।
  4. Google द्वारा आपके एक्सटेंशन की समीक्षा करने की प्रतीक्षा करें:
  5. अनुमोदन मिलते ही, आपका एक्सटेंशन Chrome वेब स्टोर में लाइव हो जाएगा!

Google सभी एक्सटेंशनों को उपयोगकर्ताओं के लिए उपलब्ध कराने से पहले यह सुनिश्चित करने के लिए उनकी समीक्षा करता है कि वे वेब स्टोर की नीतियों को पूरा करते हैं।

चरण 6: अपने एक्सटेंशन को बनाए रखें और अपडेट करें

  1. उपयोगकर्ता प्रतिक्रिया और बग रिपोर्ट की नियमित जांच करें।
  2. बग ठीक करने और नई सुविधाएं जोड़ने के लिए अपना एक्सटेंशन अपडेट करें:
  3. उपयोगकर्ता समीक्षाओं और प्रश्नों का उत्तर दें।
  4. क्रोम एक्सटेंशन नीति परिवर्तनों के बारे में सूचित रहें।

अपने एक्सटेंशन को बनाए रखना और अपडेट करना इसकी दीर्घकालिक सफलता और उपयोगकर्ता संतुष्टि के लिए महत्वपूर्ण है।

क्रोम एक्सटेंशन फ़ॉक्स पास से कैसे बचें

  1. सुरक्षा: उपयोगकर्ता का विश्वास बनाने के लिए आवश्यक अनुमतियाँ कम से कम करें।
  2. प्रदर्शन: ब्राउज़र को धीमा होने से बचाने के लिए अपने कोड को अनुकूलित करें।
  3. उपयोगकर्ता अनुभव: एक सहज और उत्तरदायी इंटरफ़ेस बनाएं।
  4. दस्तावेज़ीकरण: अपने एक्सटेंशन का उपयोग करने के तरीके पर स्पष्ट निर्देश प्रदान करें।
  5. परीक्षण: क्रोम के विभिन्न संस्करणों और विभिन्न वेबसाइटों पर पूरी तरह से परीक्षण करें।

इन सर्वोत्तम प्रथाओं का पालन करने से यह सुनिश्चित करने में मदद मिलेगी कि आपका एक्सटेंशन सुरक्षित, कुशल और उपयोगकर्ता के अनुकूल है।

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

","image":"http://www.luping.net/uploads/20241113/173146788967341a711c096.jpg","datePublished":"2024-11-13T11:25:59+08:00","dateModified":"2024-11-13T11:25:59+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
"यदि कोई कर्मचारी अपना काम अच्छी तरह से करना चाहता है, तो उसे पहले अपने औजारों को तेज करना होगा।" - कन्फ्यूशियस, "द एनालेक्ट्स ऑफ कन्फ्यूशियस। लू लिंगगोंग"
मुखपृष्ठ > प्रोग्रामिंग > जीरो से क्रोम हीरो तक: अपना खुद का ब्राउज़र एक्सटेंशन कैसे बनाएं और लॉन्च करें

जीरो से क्रोम हीरो तक: अपना खुद का ब्राउज़र एक्सटेंशन कैसे बनाएं और लॉन्च करें

2024-11-13 को प्रकाशित
ब्राउज़ करें:584

From Zero to Chrome Hero: How to Build and Launch Your Own Browser Extension

क्रोम एक्सटेंशन शक्तिशाली उपकरण हैं जो आपके ब्राउज़िंग अनुभव को बढ़ा सकते हैं। इस विस्तृत ब्लॉग पोस्ट में, मैं एक सरल क्रोम एक्सटेंशन बनाने और उसे क्रोम वेब स्टोर पर अपलोड करने की प्रक्रिया के बारे में बताऊंगा। कोडिंग कैटरपिलर से क्रोम तितली में बदलने के लिए तैयार हो जाइए!

चरण 1: अपना एक्सटेंशन विकसित करें

  1. अपने एक्सटेंशन के लिए एक नई निर्देशिका बनाएं।
  2. एक मैनिफ़ेस्ट.जेसन फ़ाइल बनाएं:
   {
     "manifest_version": 2,  // Specifies the version of the manifest file format
     "name": "My First Extension",  // The name of your extension
     "version": "1.0",  // The version of your extension
     "description": "A simple Chrome extension.",  // A brief description of your extension
     "browser_action": {
       "default_popup": "popup.html"  // Specifies the HTML file to be used as the popup
     },
     "permissions": [
       "activeTab"  // Requests permission to access the currently active tab
     ]
   }

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

  1. popup.html बनाएं:
   
   
     
       My First Extension

Hello, World!

यह HTML फ़ाइल आपके एक्सटेंशन के पॉपअप की संरचना को परिभाषित करती है। यह एक साधारण पृष्ठ है जिसमें एक शीर्षक और एक जावास्क्रिप्ट फ़ाइल का लिंक है।

  1. पॉपअप.जेएस बनाएं:
   document.addEventListener('DOMContentLoaded', function() {
     console.log('Extension popup loaded');
   });

इस जावास्क्रिप्ट फ़ाइल में आपके एक्सटेंशन के पॉपअप के लिए तर्क शामिल है। इवेंट श्रोता फ़ंक्शन निष्पादित करने से पहले DOM के पूरी तरह से लोड होने की प्रतीक्षा करता है, जो बस कंसोल पर एक संदेश लॉग करता है।

  1. अपने एक्सटेंशन का स्थानीय स्तर पर परीक्षण करें:
    • क्रोम खोलें और chrome://extensions/ पर जाएं
    • ऊपर दाईं ओर "डेवलपर मोड" सक्षम करें
    • "लोड अनपैक्ड" पर क्लिक करें और अपनी एक्सटेंशन निर्देशिका चुनें

ये चरण आपको वेब स्टोर पर प्रकाशित किए बिना क्रोम में अपने एक्सटेंशन को लोड और परीक्षण करने की अनुमति देते हैं।

चरण 2: अपने एक्सटेंशन को आकर्षक कैसे बनाएं

सबमिशन के लिए तैयारी करें

  1. उच्च-गुणवत्ता वाले आइकन बनाएं:
    • 16x16: फ़ेविकॉन के लिए
    • 48x48: एक्सटेंशन प्रबंधन पृष्ठ के लिए
    • 128x128: क्रोम वेब स्टोर के लिए

ये आइकन क्रोम और वेब स्टोर में विभिन्न स्थानों पर आपके एक्सटेंशन का प्रतिनिधित्व करते हैं।

  1. स्क्रीनशॉट लें (1280x800 या 640x400 पिक्सेल):
    • अपने एक्सटेंशन को क्रियान्वित करते हुए कैप्चर करें
    • प्रमुख विशेषताओं को हाइलाइट करें

स्क्रीनशॉट संभावित उपयोगकर्ताओं को आपके एक्सटेंशन की कार्यक्षमता का पूर्वावलोकन देते हैं।

  1. एक आकर्षक विवरण लिखें:
    • स्पष्ट रूप से बताएं कि आपका एक्सटेंशन क्या करता है
    • प्रमुख विशेषताएं और लाभ सूचीबद्ध करें
    • पठनीयता के लिए बुलेट पॉइंट का उपयोग करें

एक अच्छा विवरण उपयोगकर्ताओं को आपके एक्सटेंशन को समझने में मदद करता है और खोज परिणामों में इसकी दृश्यता में सुधार कर सकता है।

  1. उपयुक्त श्रेणियां चुनें:
    • अधिकतम 5 प्रासंगिक श्रेणियां चुनें
    • यह उपयोगकर्ताओं को आपका एक्सटेंशन ढूंढने में मदद करता है

उचित वर्गीकरण से उपयोगकर्ताओं के लिए वेब स्टोर ब्राउज़ करते या खोजते समय आपके एक्सटेंशन को खोजना आसान हो जाता है।

चरण 3: एक डेवलपर खाता बनाएं (एक्सटेंशन स्टारडम के लिए $5 का टिकट)

  1. क्रोम डेवलपर डैशबोर्ड पर जाएं।
  2. अपने Google खाते से साइन इन करें या एक नया खाता बनाएं।
  3. एकमुश्त डेवलपर पंजीकरण शुल्क ($5 USD) का भुगतान करें।
  4. यदि आवश्यक हो तो अपना ईमेल पता सत्यापित करें।

क्रोम वेब स्टोर पर एक्सटेंशन प्रकाशित करने के लिए यह चरण आवश्यक है। यह शुल्क स्पैम और निम्न-गुणवत्ता वाले एक्सटेंशन को रोकने में मदद करता है।

चरण 4: अपना एक्सटेंशन अपलोड करें

  1. डेवलपर डैशबोर्ड में "नया आइटम" पर क्लिक करें।
  2. अपने एक्सटेंशन की एक ज़िप फ़ाइल बनाएं:
    • सभी आवश्यक फ़ाइलें शामिल करें (मेनिफेस्ट.जेसन, एचटीएमएल, जेएस, सीएसएस, आइकन)
    • किसी भी अनावश्यक फ़ाइल या निर्देशिका को बाहर निकालें
  3. ज़िप फ़ाइल अपलोड करें।
  4. सभी आवश्यक फ़ील्ड भरें:
    • विस्तृत विवरण
    • कम से कम 2 स्क्रीनशॉट
    • प्रचारात्मक टाइल छवि (440x280 पिक्सेल)
    • प्रतीक (16x16, 48x48, 128x128)
    • प्राथमिक श्रेणी और अतिरिक्त श्रेणियां चुनें
  5. दृश्यता विकल्प सेट करें:
    • सार्वजनिक: Chrome वेब स्टोर में सभी उपयोगकर्ताओं के लिए दृश्यमान
    • असूचीबद्ध: केवल सीधे लिंक के माध्यम से पहुंच योग्य
  6. मूल्य निर्धारण और वितरण सेट करें:
    • निःशुल्क या सशुल्क (यदि भुगतान किया गया है, तो Google पेमेंट्स मर्चेंट खाता सेट करें)
    • चुनें कि किन देशों में वितरण करना है

ये चरण Chrome वेब स्टोर पर अपना एक्सटेंशन सबमिट करने की प्रक्रिया में आपका मार्गदर्शन करते हैं।

चरण 5: अपना विस्तार प्रकाशित करें (सच्चाई का क्षण)

  1. सटीकता के लिए सभी जानकारी की समीक्षा करें।
  2. डेवलपर अनुबंध स्वीकार करें।
  3. अपने एक्सटेंशन को समीक्षा हेतु सबमिट करने के लिए "प्रकाशित करें" पर क्लिक करें।
  4. Google द्वारा आपके एक्सटेंशन की समीक्षा करने की प्रतीक्षा करें:
    • आमतौर पर कुछ कार्यदिवस लगते हैं
    • यदि समस्याएं पाई जाती हैं तो आपसे परिवर्तन करने के लिए कहा जा सकता है
  5. अनुमोदन मिलते ही, आपका एक्सटेंशन Chrome वेब स्टोर में लाइव हो जाएगा!

Google सभी एक्सटेंशनों को उपयोगकर्ताओं के लिए उपलब्ध कराने से पहले यह सुनिश्चित करने के लिए उनकी समीक्षा करता है कि वे वेब स्टोर की नीतियों को पूरा करते हैं।

चरण 6: अपने एक्सटेंशन को बनाए रखें और अपडेट करें

  1. उपयोगकर्ता प्रतिक्रिया और बग रिपोर्ट की नियमित जांच करें।
  2. बग ठीक करने और नई सुविधाएं जोड़ने के लिए अपना एक्सटेंशन अपडेट करें:
    • मेनिफ़ेस्ट.जेसन में संस्करण संख्या बढ़ाएँ
    • परिवर्तनों के साथ एक नई ज़िप फ़ाइल अपलोड करें
    • समीक्षा के लिए दोबारा सबमिट करें
  3. उपयोगकर्ता समीक्षाओं और प्रश्नों का उत्तर दें।
  4. क्रोम एक्सटेंशन नीति परिवर्तनों के बारे में सूचित रहें।

अपने एक्सटेंशन को बनाए रखना और अपडेट करना इसकी दीर्घकालिक सफलता और उपयोगकर्ता संतुष्टि के लिए महत्वपूर्ण है।

क्रोम एक्सटेंशन फ़ॉक्स पास से कैसे बचें

  1. सुरक्षा: उपयोगकर्ता का विश्वास बनाने के लिए आवश्यक अनुमतियाँ कम से कम करें।
  2. प्रदर्शन: ब्राउज़र को धीमा होने से बचाने के लिए अपने कोड को अनुकूलित करें।
  3. उपयोगकर्ता अनुभव: एक सहज और उत्तरदायी इंटरफ़ेस बनाएं।
  4. दस्तावेज़ीकरण: अपने एक्सटेंशन का उपयोग करने के तरीके पर स्पष्ट निर्देश प्रदान करें।
  5. परीक्षण: क्रोम के विभिन्न संस्करणों और विभिन्न वेबसाइटों पर पूरी तरह से परीक्षण करें।

इन सर्वोत्तम प्रथाओं का पालन करने से यह सुनिश्चित करने में मदद मिलेगी कि आपका एक्सटेंशन सुरक्षित, कुशल और उपयोगकर्ता के अनुकूल है।

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

विज्ञप्ति वक्तव्य यह आलेख यहां पुन: प्रस्तुत किया गया है: https://dev.to/seths10/from-zero-to-chrome-hero-how-to-build-and-launch-your-own-browser-extension-5ba8?1यदि कोई है उल्लंघन, हटाने के लिए कृपया [email protected] से संपर्क करें
नवीनतम ट्यूटोरियल अधिक>

चीनी भाषा का अध्ययन करें

अस्वीकरण: उपलब्ध कराए गए सभी संसाधन आंशिक रूप से इंटरनेट से हैं। यदि आपके कॉपीराइट या अन्य अधिकारों और हितों का कोई उल्लंघन होता है, तो कृपया विस्तृत कारण बताएं और कॉपीराइट या अधिकारों और हितों का प्रमाण प्रदान करें और फिर इसे ईमेल पर भेजें: [email protected] हम इसे आपके लिए यथाशीघ्र संभालेंगे।

Copyright© 2022 湘ICP备2022001581号-3