如何在HTML标记中使用chrome.extension.geturl()方法？

Question

我想从扩展程序加载本地图像.我编写以下代码来加载图像.但它无法加载图像.

$('.aAU').append('<div id="DivScroll"><img id="imgSlider" width="25px" src=chrome.extension.getURL("images/slider.png") /></div>');

该文件也出现在该位置.

当我使用开发人员工具时,它显示img标签如下

<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">

如果我使用如下的静态路径,则显示图像

<img id="imgSlider" src="chrome-extension://ccpdgakpdgiklccnpnihmidbjnacgkch/images/slider.png">

提供chrome.extension.getURL()HTML标签中使用方法的任何解决方案.

Answer 1

您的资源是否在清单文件中注册,如此处所示

{
  ...
"web_accessible_resources": [
    "images/my-awesome-image1.png",
    "images/my-amazing-icon1.png",
    "style/double-rainbow.css",
    "script/double-rainbow.js"
  ],
  ...
}

然后,这些资源将通过URL在网页中提供,该URL chrome-extension://[PACKAGE ID]/[PATH]可以使用该chrome.extension.getURL方法生成.

您是否尝试通过Java Script将src设置为以下代码而不是

<img id="imgSlider" src="chrome.extension.getURL('images/slider.png')">