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

查看web_accessible_resources文件中的manifest，确保您允许使用的打包图片。

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

或者代替"images/*.png"命名您想要的图像，例如repo/loader.gif。

希望这个