14

Google Chrome の拡張機能の作成方法を学び始めたばかりです。これまでのところ、私は非常に基本的な理解を持っているので、小さなことを試してみたかった.

現在、特定のページが読み込まれるたびに、特定のページの特定の div に画像を追加しようとしています。拡張機能は正しく読み込まれますが、JavaScript コードが実行されないようで、画像が読み込まれません。

これは私がこれまで持っている manifest.json ファイルです:

{
    "manifest_version": 2,
    "name": "Icon Creator",
    "description": "Creates a custom icon for page",
    "version": "1.0",

    "content_scripts": [
    {
        "matches": ["file:///home/tijko/documents/learning/javascript/test_page.html"],
        "css": ["sample.css"],
        "js":["trial.js"]
    }
    ],
    "icons": {"icon": "icon.jpg"},
    "web_accessible_resources":["trial.js"]
}

そしてJavaScript：

var test = function() {
    custom_icon = document.createElement("img");
    target = document.getElementById("location");
    custom_icon.src = "icon.png";
    target.appendChild(custom_icon);
}
test()
4

1 に答える 1

32

独自の拡張機能をロードしようとしていますicon.pngか? icon.png現在、ローカル ページのドメインとパスを読み込もうとしています。代わりに、次のことを行う必要があります。

custom_icon.src = chrome.runtime.getURL("icon.png");

拡張機能のicon.png.

また、 にリストする必要がありicon.pngますweb_accessible_resources。さらに、リストに記載する必要はありません(非常に特殊なユース ケースを除く)。trial.jsweb_accessible_resources

最後に、file://の拡張機能のリストの下にある適切なボックスをオンにして、拡張機能がページにアクセスできるように承認する必要がありますchrome://extensions。

于 2013-05-08T17:32:18.343 に答える