usercripts.org पर मिले कोड से बाहर Google क्रोम एक्सटेंशन को संकलित कैसे करें?

Question

मैं this userscript पर आया जो Google क्रोम में काम करता है।

मैं इसे Google क्रोम एक्सटेंशन के रूप में उपयोग करना चाहता हूं क्योंकि इससे मुझे कई अन्य कोड उपयोगकर्ताओं को Google Chrome एक्सटेंशन में परिवर्तित करने का अनुभव मिलेगा।

क्या कोई मुझे this userscript code से Google क्रोम एक्सटेंशन बनाने के तरीके के बारे में एक चरण-दर-चरण ट्यूटोरियल दे सकता है?

// ==UserScript== 
// @name   Facebook Ads Hider 
// @author   Jose Luis Martin 
// @namespace  http://joseluismartin.info 
// @description Hide Ads on Facebook 
// @include  http://www.facebook.com/* 
// @run-at   document-start 
// 
// ==/UserScript== 

if (document.addEventListener) { 
    document.addEventListener("DOMNodeInserted", onNodeInserted, false); 
} 

// Event listener to hide ads containers 
function onNodeInserted(event) { 
    target = event.target; 
    if (target.className == "ego_column") { 
     hideElement(target); 
    } 
} 

// trivial hide of ads container 
function hideElement(elto) { 
    elto.style.visibility = "hidden"; 
    elto.style.hight = "0px"; 
    elto.style.width = "0px"; 
} 

कृपया यह उत्तर न दें कि इसकी आवश्यकता नहीं है क्योंकि Google Chrome पर उपयोगकर्ता लिपियों को मूल रूप से चलाया जा सकता है। मैं यह सीखने के लिए कर रहा हूं कि Google क्रोम एक्सटेंशन कैसे बनाएं।

The Google Chrome extension tutorial समझने के लिए बहुत बुरा है और मुझे उल्टी बनाता है - मुझे नहीं पता कि यह किसने बनाया!

Answer 1

Google क्रोम में, उपयोगकर्ता एक्सटेंशन हैं। स्क्रिप्ट को content script के रूप में पैक किया जाता है, और विस्तार manifest.json स्वचालित रूप से जेनरेट हो जाता है।

एक "संपूर्ण" विस्तार की दिशा में ले जाने के लिएः

1. पहले के रूप में this answer में दिखाया गया manifest.json बनाने अपनी स्क्रिप्ट, स्रोत फ़ाइल (रों) को संगठित करने और स्पष्ट रूप से।

2. आप, कि userscript के कोड को बदलने के लिए इस बिंदु पर की जरूरत नहीं है, लेकिन आप manifest.json फ़ाइल आप उत्पन्न होगा करने के लिए @include और @run-at निर्देशों के मूल्यों स्थानांतरित करना चाहते हैं जाएगा। उस लिंक किए गए उत्तर में उदाहरण देखें।

3. पढ़ें the Content Scripts page और ध्यान दें कि कैसे प्रकट आसानी से

4. सामग्री स्क्रिप्ट उपलब्ध 3 मुख्य उपकरणों में से 1 हैं सीएसएस, jQuery, अपने userscript (उर्फ सामग्री स्क्रिप्ट), आदि जोड़ने के लिए इस्तेमाल किया जा सकता क्रोम एक्सटेंशन अन्य 2 पृष्ठभूमि पृष्ठ और यूआई पृष्ठ हैं। the extension-development Overview से शुरू होने वाले लोगों के बारे में और जानें।

5. अंत में, आप this answer में बताए गए अनुसार अपने एक्सटेंशन को पैकेज कर सकते हैं।