如何從我在userscripts.org上找到的代碼編譯Google Chrome擴展？

Question

我遇到了this userscript，它在Google Chrome中工作。

我想將它用作谷歌瀏覽器擴展程序，因爲這樣可以讓我將使用腳本的許多其他代碼轉換爲谷歌瀏覽器擴展程序。

有人可以給我一步一步教程如何使一個谷歌瀏覽器擴展出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"; 
} 

請不要給予答覆，沒有必要將此作爲userscripts可以在谷歌瀏覽器進行本機運行。我正在學習如何製作Google Chrome擴展程序。

The Google Chrome extension tutorial是非常不好理解，讓我嘔吐 - 我不知道是誰做的！

Answer 1

在谷歌瀏覽器中，用戶腳本是擴展名。該腳本被打包爲content script，並自動生成擴展manifest.json。

邁向「羽翼豐滿」擴展移動：

1. 首先組織你的腳本，源文件（S），並明確創建manifest.json如圖this answer。

2. 你不需要改變這種userscript的代碼，在這一點上，但你會希望將@include和@run-at指令的值傳送到manifest.json文件，你會產生。參考該鏈接答案中的示例。

3. 閱讀the Content Scripts page，並注意有清單可以用來輕鬆地添加CSS，jQuery的，你userscript（AKA內容腳本）等

4. 內容腳本是3個主要工具1提供給Chrome擴展程序。其他2個是背景頁面和UI頁面。詳細瞭解以the extension-development Overview開頭的那些。

5. 最後，您可以按照this answer中的說明打包您的分機。