シンプルなクロムエクステンションの作成

Question

シンプルなクロムエクステンションを作成しようとしています。私はGoogleが出した「hello world」の拡張子を書く方法を学んだが、実際に何かをする拡張子をどうやって書くのだろうか？オンラインではそれをうまく説明できないようです。私はそれがHTMLとCSS（？）を伴うことは知っていますが、私は何をしますか？すべてを拡大する拡張機能を作成したいとします。これを行うHTMLファイルを作成して拡張フォルダに貼り付けますか？ manifest.jsonファイルには、実際にHTMLファイルを使用するために何を書いていますか？

また、私の質問の基本的な性格から分からないと、私は初心者です（私はHTMLは分かりませんが、私が知っているのはJavaのビットです）。

Answer 1

拡張機能がインストールされると、ユーザーが表示しているサイトのDOMと対話するために、コンテンツスクリプトを使用する必要があります。ここでは、マニフェストに追加された行を見てください： http://code.google.com/chrome/extensions/content_scripts.html

これらの行は、あなたがサイトで使用しても「マッチ」で具体的にどのようなドメインを指定したいのJSとCSSを示してみましょう：

"content_scripts": [ 
    { 
    "matches": ["http://www.google.com/*"], 
    "css": ["mystyles.css"], 
    "js": ["jquery.js", "myscript.js"] 
    } 
], 

Answer 2

必要なファイル：

icon.pngの（http://www.mediafire.com/imageview.php?quickkey=37phkkdmd1dv1zf&thumb=4）

manifest.jsonを

popup.html すべてを1つのフォルダにまとめます。

。 manifest.jsonを中

：popup.htmlで

 
{ 
    "name": "My First Extension", 
    "version": "1.0", 
    "description": "The first extension that I made.", 
    "browser_action": { 
    "default_icon": "icon.png" 
    }, 
    "browser_action": { 
    "default_icon": "icon.png", 
    "popup": "popup.html" 
    } 

} 

はプット：

 
hello world 

両方のファイルを保存します。 エクステンション（chrome：// extensions /）

[開発者モード]をクリックします。 http://snpr.cm/HBuhYF.jpg

「展開された拡張をロード」をクリックします。フォルダを探します。 正常に読み込まれます。

新しい拡張子をクリックして、ちょうどあなたの記事を読んで、栄光:)

---

編集を参照してください - あなたは