Расширение 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.extension.getURL устарел с Chrome 58, вместо него используйте chrome.runtime.getURL.

И, во-вторых, вам нужно добавить свой gif к web_accessible_resources внутри вашего manifest.json вот так:

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