6

GoogleChromeで動作するこのユーザースクリプトに出くわしました。

他の多くのコードをユーザースクリプトからGoogleChrome拡張機能に変換できるようになるため、GoogleChrome拡張機能として使用したいと思います。

このユーザースクリプトコードからGoogleChrome拡張機能を作成する方法のステップバイステップのチュートリアルを誰かに教えてもらえますか？

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

ユーザースクリプトはGoogleChromeでネイティブに実行できるため、これは必要ないという返信はしないでください。私はGoogleChrome拡張機能を作成する方法を学ぶためにこれを行っています。

Google Chrome拡張機能のチュートリアルは理解が非常に悪く、嘔吐します。誰が作ったのかわかりません。

4

1 に答える 1

12

Google Chrome では、ユーザースクリプトは拡張機能です。スクリプトはコンテンツ スクリプトとしてパッケージ化され、拡張機能manifest.jsonは自動的に生成されます。

「本格的な」拡張機能に移行するには:

  1. 最初にスクリプト、ソース ファイルを整理し、この回答manifest.jsonに示されているように明示的に作成します。

  2. この時点でユーザースクリプトのコードを変更する必要はありませんが、生成するファイルに@includeおよび@run-atディレクティブの値を転送する必要があります。manifest.jsonそのリンクされた回答の例を参照してください。

  3. コンテンツ スクリプトページを読んで、マニフェストを使用して CSS、jQuery、ユーザー スクリプト (別名コンテンツ スクリプト) などを簡単に追加する方法に注意してください。

  4. コンテンツ スクリプトは、Chrome 拡張機能で使用できる 3 つの主要なツールの 1 つです。残りの 2 つは、背景ページとUI ページです。拡張機能開発の概要で始まるものについて詳しく学んでください。

  5. 最後に、この回答で説明されているように、拡張機能をパッケージ化できます。

于 2012-09-12T12:50:01.513 に答える