用chrome扩展名插入图片

我想知道如何在Chrome扩展程序中插入图片。

<img id="image" src="logo.png" /> 

我将这个html标签正确地插入网站，但自然不能加载该logo.png图像。

任何想法如何修改manifest.json？

Answer 1

这个问题有两个可能的原因。

1. 您正在使用src="logo.png"注入图片。 插入的图像元素成为页面的一部分，因此浏览器不会尝试从扩展名加载图像。
   要解决这个问题，请使用chrome.extension.getURL('logo.png'); 获取资源的绝对URL。

2. 清单文件中启用了"manifest_version": 2 。 这将默认禁用所有外部使用的资源。 发生此错误时，控制台中会显示以下消息：

   不允许加载本地资源：chrome：//gbmfhbpbiibnbbgjcoankapcmcgdkkno/logo.png

   为了解决这个问题，请将资源添加到清单文件中的白名单中，即"web_accessible_resources" ：

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