图像不会加载铬扩展名

Question

我创建了一个名为＆＃34的文件夹;例子＆＃34;在那我已经把所有图像和js和CSS文件和HTML文件

看起来如下

我正在使用下面的代码在manifiest.json

中加载名为abcd.png的图像

       "web_accessible_resources": [
            "abcd.png"  
       ],

和 SelectedTextnotification.js

中的另一个代码

divGLXBubbleQuery = document.createElement('div');
divGLXBubbleQuery.id = 'GLXBubbleQuery';
divGLXBubbleQuery.innerHTML = "<img id='klematis lilac' border='0' src='abcd.png' width='150' height='113'>";

但图片无法加载

任何身体都可以帮助我解决我的错误

Answer 1

您需要使用 chrome.extension.getURL ，以便“将扩展安装目录中的相对路径转换为完全限定的网址”。

假设SelectedTextnotification.js是一个内容脚本，你应该像这样更改你的cose：

var imgURL = chrome.extension.getURL("abcd.png");
divGLXBubbleQuery.innerHTML = "<img ... src='" + imgURL + "' ...>";