Javascript 外部文件扩展名

Javascript 外部文件扩展名,javascript,json,google-chrome,google-chrome-extension,Javascript,Json,Google Chrome,Google Chrome Extension,我正在尝试在我的内容脚本中引用一个图像作为扩展名。我已经在我的web可访问资源中声明了它。我正在使用chrome.extension.getURL()。我不确定这里出了什么问题。图像不显示,仅显示alt 这是我的清单文件: { "manifest_version": 2, "name": "Test Image", "description": "", "version": "1.0", "content_scripts": [ { "matches": ["<all_urls>

我正在尝试在我的内容脚本中引用一个图像作为扩展名。我已经在我的web可访问资源中声明了它。我正在使用chrome.extension.getURL()。我不确定这里出了什么问题。图像不显示,仅显示alt

这是我的清单文件:

{
"manifest_version": 2,
"name": "Test Image",
"description": "",
"version": "1.0",
"content_scripts": [
{
  "matches": ["<all_urls>"],
  "js": ["script.js"],
  "web_accessible_resources":["images/Image.png"]
}
]
}
{
“清单版本”:2,
“名称”:“测试图像”,
“说明”:“,
“版本”:“1.0”,
“内容脚本”:[
{
“匹配项”:[“”],
“js”:[“script.js”],
“网络可访问资源”:[“images/Image.png”]
}
]
}
这是我的javascript

window.onload = function() {
var div = document.createElement("div");
div.innerHTML = '<img alt="image" src="">';
div.src = chrome.extension.getURL("images/image.png");
div.style.visibility = "visible";
div.style.position = "absolute";
div.style.zIndex = "20000";
div.className = "jack";
div.id = "jack";
document.body.appendChild(div);
window.onload=function(){
var div=document.createElement(“div”);
div.innerHTML='';
div.src=chrome.extension.getURL(“images/image.png”);
div.style.visibility=“可见”;
div.style.position=“绝对”;
div.style.zIndex=“20000”;
div.className=“杰克”;
div.id=“杰克”;
文件.正文.附件(div);

1:web可访问资源不是内容脚本的子集:

{
  "manifest_version": 2,
  "name": "Test Image",
  "description": "",
  "version": "1.0",
  "content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["script.js"]
  }],
  "web_accessible_resources":["images/Image.png"] 
}
2b:操作HTML DOM的更好方法:

var img = div.appendChild( document.createElement("img") );
img.setAttribute("alt", "image");
img.setAttribute("src", chrome.extension.getUrl("images/Image.png") );

1:web可访问资源不是内容脚本的子集:

{
  "manifest_version": 2,
  "name": "Test Image",
  "description": "",
  "version": "1.0",
  "content_scripts": [{
    "matches": ["<all_urls>"],
    "js": ["script.js"]
  }],
  "web_accessible_resources":["images/Image.png"] 
}
2b:操作HTML DOM的更好方法:

var img = div.appendChild( document.createElement("img") );
img.setAttribute("alt", "image");
img.setAttribute("src", chrome.extension.getUrl("images/Image.png") );

您是否收到某种错误?图像显示为alt,编辑的问题您收到某种错误吗?图像显示为alt,编辑的问题此处可能存在问题的其他内容:图像的大小写,以及。此处可能存在问题的其他内容:图像的大小写,以及。