用chrome扩展名插入图片

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

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

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

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

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

  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"] }