为什么赢得Chrome扩展中的SVG负载？

Question

我正在使用chrome扩展程序向网站注入一些HTML。在该代码中，我包括一个SVG。但是当我加载网站时，我得到了

Failed to load resource: the server responded with a status of 404 (Not Found) http://stackoverflow.com/questions/SVG/home-outline.svg

我的所有svg文件都在一个名为SVG的文件夹中。我正在加载"web_accessible_resources": ["SVG/*.svg"]的SVG文件，因为我已经加载了其他文件。为什么我的图片不会加载？

<span class="menu_T">
    <button class="large_menu_button_T">
        <img src="SVG/home-outline.svg">
    </button>
</span>

当我尝试通过css后台添加svg时得到相同的结果。

Answer 1

在注入的代码中，"SVG/home-outline.svg"之类的相对路径指向您要注入的站点。

您需要扩展程序中资源的完整路径。它很容易得到它：chrome.runtime.getURL("SVG/home-outline.svg") does the job。