Question

我创建了一个扩展，在我参与的游戏论坛的主体上注入/附加一个小菜单。它附加了我创建的'menu.html'和'menu.js'文件。

在菜单中，每张游戏都有小牌，每张牌都有固定大小的游戏图标。

我的问题：如何从我的'/ img / icons'扩展文件夹中加载本地游戏图标？

我可以使用以下网址从互联网上加载游戏图标：

<a id="imgBattlefield" href="#" target="_blank">    
   <img src="http://files.softicons.com/download/game-icons/battlefield-3-game-icons-by-exhumed/png/128x128/Battlefield%203_4.png"></img>
</a>

然后我尝试使用下面的图标路径，但它试图从网站而不是从扩展程序加载图像：

<a id="imgBattlefield" href="#" target="_blank">    
   <img src="/img/icons/battlefield.png"></img>
</a>

我试图直接在SRC路径上使用__ MSG _ @@ extension_id__调用，但我很确定它不是如何工作的：

<a id="imgBattlefield" href="#" target="_blank">    
   <img src="chrome-extension://__MSG_@@extension_id__/img/icons/battlefield.png"></img>
</a>

在'menu.js'文件中，我还试图用下面的javascript替换SRC，但也没有成功：

var imgBattlefield = chrome.extension.getURL("img/icons/battlefield.png");
document.getElementById('imgBattlefield').src = imgBattlefield;

备注：

已设置清单文件以使用图像：

"web_accessible_resources": ["menu.html", "*.jpg", "*.png", "/img/loader.gif"],

我想获取扩展ID，而不必设置一个固定ID并对其进行硬编码。

我缺少什么？

Answer 1

搞定了！出于某种原因，javascript行document.getElementById('imgBattlefield').src = imgBattlefield;无效。一旦我切换到jquery $('#imgBattlefield').attr("src", imgBattlefield);中的等价物，src路径就被正确替换了。

Chrome扩展程序：如何获取扩展程序ID以加载本地图像？

1 个答案: