कैसे एक साधारण क्रोम एक्सटेंशन बनाने के लिए


Chrome एक्सटेंशन बनाना एक बहुत ही सरल प्रक्रिया है। जब आप काम पूरा कर लेते हैं, तो आप अपने कंप्यूटर पर इसका उपयोग करने में सक्षम हो जाते हैं कि ब्राउज़र कैसे काम करता है।

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

<आंकड़ा वर्ग = "आलसी संरेखण">

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

टिप: यह देखने के लिए कि आपका अपना एक्सटेंशन कितना भयानक हो सकता है, देखें ये अद्भुत क्रोम एक्सटेंशन.

एक क्रोम एक्सटेंशन बनाने के लिए कैसे

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

<आंकड़ा वर्ग = "आलसी संरेखण">figure >

यहाँ क्या करना है:

  • एक फ़ोल्डर बनाएँ जो एक्सटेंशन बनाने वाली सभी फ़ाइलों को रखेगा।
  • इस विस्तार के लिए आवश्यक आधारभूत फ़ाइलें बनाएँ: मैनिफ़ेस्ट.जॉसन, popup.html, बैकग्राउंड.html, style.css
  • टेक्स्ट एडिटर में popup.htmlखोलें और फिर समाप्त होने पर इसे सहेजने के लिए सभी को वहां पेस्ट करें।5 <। / s>
    <आंकड़ा वर्ग = "lazy aligncenter">

    लिंक संपादित करने के लिए स्वतंत्र महसूस करें और लिंक टेक्स्ट, या यदि आप Chrome एक्सटेंशन को ठीक उसी तरह बनाना चाहते हैं, जैसे हम हैं, तो बस सब कुछ वैसा ही रखें।

    In_content_1 all: [300x250] / dfp: [640x360]->
  • टेक्स्ट एडिटर में मेनिफ़ेस्ट .jsonखोलें और निम्नलिखित को कॉपी / पेस्ट करें:
  • {>"update_url": "https://clients2.google.com/service/update2/crx",

    "घोषणापत्र": 2,
    "नाम": "पसंदीदा साइटें",
    "विवरण": "मेरी सभी पसंदीदा वेबसाइटें",
    "संस्करण": "1.0",
    "आइकन": {
    "16": "icon.png",
    "32": "icon.png",
    "48": "icon.png",
    "128": "आइकन"। png "
    },

    " पृष्ठभूमि ": {
    " पृष्ठ ":" पृष्ठभूमि। html "
    },

    " browser_action ": {
    " default_icon ": icon.png ",
    " default_title ":" पसंदीदा साइटें ",
    " default_popup ":" popup.html "
    }
    }

    <आंकड़ा वर्ग = "lazy aligncenter">

    इस कोड के खाद्य क्षेत्रों में शामिल हैं नाम, वर्णन, और डिफ़ॉल्ट_title

  • style.cssखोलें और चिपकाएँ। निम्नलिखित कोड। यह वही है जो पॉपअप मेनू को सजाने के लिए इसे और अधिक आकर्षक और उपयोग करने में आसान बनाने के लिए सजाता है।
  • #myUL {
    सूची -स्टाइल-प्रकार: कोई नहीं;
    गद्दी: 0;
    मार्जिन: 0;
    चौड़ाई: 300px;
    >}

    #myUL li a {
    सीमा: 1px ठोस #dd;
    मार्जिन-टॉप: -1px;
    पृष्ठभूमि-रंग: # f666f6;
    गद्दी: 12px;
    पाठ-सजावट: कोई नहीं;
    फ़ॉन्ट-आकार: 18px;
    रंग: काला;
    प्रदर्शन : ब्लॉक;
    फ़ॉन्ट-परिवार: 'नोटो संस', संस-सेरिफ़;
    }

    #myUL li a: hover: not (.header) {
    पृष्ठभूमि-रंग # #eee;
    }

    <आंकड़ा वर्ग = "आलसी संरेखण">10 l gure>

    CSS फ़ाइल में आप बहुत कुछ बदल सकते हैं। अपने क्रोम को अपनी पसंद के अनुसार कस्टमाइज़ करने के बाद इन विकल्पों के साथ खेलें।

  • एक्सटेंशन के लिए एक आइकन बनाएं और इसे नाम दें icon.png। इसे अपने क्रोम एक्सटेंशन फ़ोल्डर में रखें। जैसा कि आप ऊपर दिए गए कोड में देख सकते हैं, आप उन आकारों के लिए एक अलग आइकन बना सकते हैं: 16 × 16 पिक्सेल, 32 × 32, और इसी तरह।
  • युक्ति:Google के पास अधिक जानकारी है । अन्य उदाहरण और उन्नत विकल्प हैं जो हमारे द्वारा दिखाए गए सरल चरणों से परे हैं।

    Chrome में कस्टम एक्सटेंशन कैसे जोड़ें

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

  • Chrome मेनू से, अधिक उपकरणएक्सटेंशन पर जाएं। या, पता बार में क्रोम: // एक्सटेंशन /टाइप करें।
  • यदि यह पहले से ही चयनित नहीं है, तो डेवलपर मोडके बगल में स्थित बटन का चयन करें। यह एक विशेष मोड को चालू करेगा जो आपको अपने स्वयं के क्रोम एक्सटेंशन आयात करने देता है।
  • <आंकड़ा वर्ग = "lazy aligncenter">11 उपरोक्त चरण 1 के दौरान आपके द्वारा बनाए गए फ़ोल्डर का चयन करने के लिए उस पृष्ठ के शीर्ष पर
  • लोड अनपैक्डबटन का उपयोग करें। >
    <आंकड़ा वर्ग = "आलसी संरेखण">
  • स्वीकार करें किसी भी संकेत अगर आप उन्हें देखते हैं। अन्यथा, आपका कस्टम-निर्मित Chrome एक्सटेंशन किसी भी अन्य के साथ दिखाई देगा, जो आपके ब्राउज़र के शीर्ष दाएं कोने पर है।
  • अपने Chrome एक्सटेंशन का संपादन

    अब जब आपका Chrome एक्सटेंशन उपयोग करने योग्य है, तो आप इसे स्वयं बनाने के लिए परिवर्तन कर सकते हैं।

    style.css फ़ाइल यह बताती है कि एक्सटेंशन कैसे दिखाई देता है, इसलिए आप समग्र सूची शैली को समायोजित कर सकते हैं और फ़ॉन्ट रंग या प्रकार बदल सकते हैं। सीएसएस के साथ आप कर सकते हैं सभी अलग-अलग चीजों के बारे में जानने के लिए सबसे अच्छे संसाधनों में से एक है।

    वेबसाइटों को सूचीबद्ध करने, या जोड़ने या अधिक करने के लिए ऑर्डर को स्विच करने के लिए। साइटें या मौजूदा लोगों को हटाएं, popup.html फ़ाइल को संपादित करें। बस अपने संपादन केवल URL और नाम पर रखना सुनिश्चित करें।

  • और जैसे अन्य सभी वर्ण आवश्यक हैं और इन्हें बदला नहीं जाना चाहिए। W3Schools पर HTML ट्यूटोरियल उस भाषा के बारे में अधिक जानने के लिए एक अच्छी जगह है।

  • Create a Dropshipping Store with Shopify & Aliexpress (UPDATED Shopify Tutorial for 2019)

    Related posts:

    एक बेसिक डिस्क में डायनेमिक डिस्क को कैसे कन्वर्ट करें विंडोज के लिए एक स्वचालित बैकअप सिस्टम कैसे सेट करें सेलफोन कॉल करने के लिए वाईफाई का उपयोग कैसे करें स्पायवेयर हटाने युक्तियाँ आपके कंप्यूटर या स्मार्टफोन के लिए दोहरी बूट लिनक्स टकसाल और विंडोज के लिए कैसे कैसे एक DVR में अपने कंप्यूटर को चालू करने के लिए कैसे अपने वाईफाई नेटवर्क से किसी को बूट करने के लिए यदि आप उन्हें अपने इंटरनेट अपहरण कर लेते हैं

    5.11.2019