我想知道如何在 Chrome 扩展程序中插入图像。
<img id="image" src="logo.png" />
我将该 html 标签正确插入到网站中，但自然无法加载该 logo.png 图像。
关于如何修改manifest.json有什么想法吗？
该问题有两个可能的原因。
-
你正在注入一个图像src="logo.png"。插入的图像元素成为页面的一部分，因此浏览器不尝试从扩展加载图像。
要解决此问题，请使用chrome.extension.getURL('logo.png'); https://developer.chrome.com/docs/extensions/mv2/xhr/#extension-origin获取资源的绝对URL。
-
"manifest_version": 2 https://developer.chrome.com/docs/extensions/mv2在清单文件中启用。默认情况下，这会禁用所有资源供外部使用。发生此错误时，控制台中会显示以下消息：
Not allowed to load local resource: chrome://gbmfhbpbiibnbbgjcoankapcmcgdkkno/logo.png
To solve the problem, add the resource to a whitelist, namely [`"web_accessible_resources"`][3] in the manifest file:
...,
"web_accessible_resources": ["logo.png"]
}
UPDATE:
chrome.extension.getURL('logo.png')
自 Chrome 58 起已弃用。请使用runtime.getURL https://developer.chrome.com/extensions/runtime#method-getURL.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
