Chrome扩展本地.gif无法显示

Question

我正在编写Chrome扩展程序并将图像注入页面。当我在我的内容脚本中执行此操作时：

var loading_img = document.createElement('img');
var imgURL = chrome.extension.getURL("images/icon.png");
loading_img.src = imgURL;
document.body.appendChild(loading_img);

我看到了我的图像。

然而，当我尝试加载.gif图像时。然后图像无法加载：

var loading_img = document.createElement('img');
var imgURL = chrome.extension.getURL("images/loading.gif");
loading_img.src = imgURL;
document.body.appendChild(loading_img);

我得到其中一个：

但是，如果我检查元素并抓取图像元素的src chrome-extension://ofdomghnlpcpemcbmidihnbmojhnkhhf/images/loading.gif，并将其粘贴到我的浏览器窗口中，那么我只能看到图像精细。我做错了吗？

Answer 1

首先，自Chrome 58以来，chrome.extension.getURL已被弃用，而是使用chrome.runtime.getURL。

其次，您需要将{gif}添加到web_accessible_resources manifest.json内，如下所示：

"web_accessible_resources": ["images/loading.gif"],