Jak skompilować rozszerzenie przeglądarki Google Chrome z kodu znalezionego na userscripts.org?

Question

Natknąłem się na this userscript, który działa w przeglądarce Google Chrome.

Chcę używać go jako rozszerzenia Google Chrome, ponieważ dzięki temu będę mógł przekonwertować wiele innych kodów z usercriptów na rozszerzenia Google Chrome.

Czy ktoś może mi dać krok po kroku samouczek, jak zrobić rozszerzenie Google Chrome z this userscript code?

// ==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"; 
} 

Proszę nie dać odpowiedź, że nie ma potrzeby do tego jak userscripts można uruchomić natywnie na Google Chrome. Robię to, aby dowiedzieć się, jak tworzyć rozszerzenia Google Chrome.

The Google Chrome extension tutorial jest bardzo szkodliwy dla zrozumienia i sprawia, że ​​wymiotuję - nie wiem, kto to zrobił!

Answer 1

W Google Chrome, userscripts są rozszerzeniami. Skrypt zostanie zapakowany jako content script, a rozszerzenie manifest.json zostanie automatycznie wygenerowane.

Aby przesunąć w kierunku „pełnoprawny” rozszerzenia:

1. Pierwszy zorganizować swój skrypt, plik źródłowy (S) i jawnie utworzyć manifest.json jak pokazano na this answer.

2. Nie trzeba zmieniać kodu, który userscript jest w tym momencie, ale będziemy chcieli przenieść wartości dyrektyw @include i @run-at do pliku manifest.json będzie generować. Zobacz przykład w tej połączonej odpowiedzi.

3. Czytaj the Content Scripts page i zauważ, jak manifest może być stosowany na łatwe dodawanie CSS, jQuery, Twój userscript (AKA zawartość skryptu) itd

4. skrypty Content są 1 z 3 głównych narzędzi do dyspozycji Rozszerzenia Chrome. Pozostałe 2 to i strona . Dowiedz się więcej o tych, zaczynając od the extension-development Overview.

5. Wreszcie, możesz spakować swoje rozszerzenie, jak wyjaśniono w this answer.