Google chrome 在chrome extension中插入图像

我想知道如何在Chrome扩展插件中插入图像

我正在将html标记正确插入网站，但自然无法加载logo.png图像

---

关于如何修改manifest.json有什么想法吗？

问题可能有两个原因

您正在使用

src=“logo.png”

注入图像。插入的图像元素成为页面的一部分，因此浏览器不会尝试从扩展加载图像。
要解决此问题，请使用获取资源的绝对URL

在清单文件中启用。默认情况下，禁用所有外部使用的资源。发生此错误时，控制台中将显示以下消息：

不允许加载本地资源：chrome://gbmfhbpbiibnbbgjcoankapcmcgdkkno/logo.png 要解决此问题，请将资源添加到白名单中，即在清单文件中：

  ...,
  "web_accessible_resources": ["logo.png"]
}

更新：

chrome.extension.getURL（'logo.png'）

自Chrome 58以来已弃用。请使用

---

你的logo.PNG在正确的目录中吗？哪个是正确的目录？把它放到分机目录里谢谢。我一直得到不允许的。。。错误。还在检查我是否做错了。@jacktrades在白名单资源之后，您是否正确地重新加载了扩展？是否使用相对于扩展根的完整路径？例如，

images/logo.png

当图像位于子目录时。是的，我已正确重新加载。logo.png位于根目录中，而不是子目录中。如果它仍然不起作用，请发布扩展源代码的相关部分（如果您不想公开，请将其发送给我，详细联系信息在我的个人资料中）。@jacktrades您已将

可访问的web\u资源

**放入

内容脚本
中。这是错误的，它必须是根对象的键。我试图在我的回答中澄清这一点，添加了一个未缩进的尾随
}
。