Chrome擴展上的打包圖片將不會加載.append（）

Question

我用我的擴展名打包了一張圖片，我想使用內容腳本將其添加到頁面中。我有我的menu.js文件，它可以正確地附加所有內容，但我似乎無法用打包的圖像處理它。

我已經試過

var loader = chrome.extension.getURL("repo/loader.gif"); 

也

var loader = "chrome-extension://" + chrome.runtime.id + "/repo/loader.gif" 

以及用於

var loader = "chrome-extension://__MSG_@@extension_id__/repo/loader.gif"; 

甚至

var loader = "chrome-extension://" + __MSG_@@extension_id__ + "/repo/loader.gif"; 

這是要追加的jQuery

$('body').append('<div id="gacHover1"><span>Content is loading</span><img src="' + loader + '" width="470" height="300"></div>'); 

我錯過了什麼？

Answer 1

在manifest文件中查看web_accessible_resources，並確保允許您嘗試使用的打包圖像。

{ 
    ... 
    "web_accessible_resources": [ 
    "images/*.png", 
    ... 
    ], 
    ... 
} 

或代替"images/*.png"名字你想要的圖像，e.g repo/loader.gif。

希望這個