userscripts.org에서 찾은 코드에서 Google 크롬 확장 프로그램을 컴파일하는 방법은 무엇입니까?

Question

Google 크롬에서 작동하는 this userscript을 발견했습니다.

다른 Chrome 코드를 Google 크롬 확장 프로그램으로 변환하는 경험이 있으므로 Chrome 확장 프로그램으로 사용하고 싶습니다.

누군가 Google 크롬 확장 프로그램을 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"; 
} 

Google 크롬에서 기본적으로 사용자 스크립트를 실행할 수 있으므로 회신하지 마십시오. 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 개 주요 도구 중 하나입니다에 등 CSS, jQuery를, 당신의 userscript (AKA 내용 스크립트)를 추가하는 방법을주의 Chrome 확장 프로그램. 나머지 2 개는 배경 페이지 및 UI 페이지입니다. the extension-development Overview으로 시작하는 사람들에 대해 자세히 알아보십시오.

5. 마지막으로 this answer에서 설명한대로 확장 프로그램을 패키지화 할 수 있습니다.