在 Firefox 扩展中包含图像答案

【问题标题】：Including an image in a firefox extension在 Firefox 扩展中包含图像
【发布时间】：2023-03-05 14:44:01
【问题描述】：

我想在我正在开发的 Firefox 扩展中使用图像。有人可以告诉我如何包含图像。我使用了以下方法，但它不起作用。

    var divTag = content.document.createElement("img");                 
    divTag.id = "div1";
    divTag.src="chrome://ff_extension/content/image1.gif";
    divTag.setAttribute("align","center");
    divTag.style.margin = "0px auto";
    divTag.style.position="fixed";
    divTag.style.bottom="0px";
    divTag.style.height="22px";
        divTag.style.width="100%";
            content.document.getElementsByTagName('body')[0].appendChild(divTag);

谢谢。

【问题讨论】：

标签： javascript html css firefox

【解决方案1】：

你不能只使用相对路径吗？

divTag.src="image1.gif";

我刚刚查看了一些我已安装的插件，它们使用与您使用的相同的 chrome:// 语法。

您是否仔细检查了文件路径？
您确定可以嵌入 GIF 吗？如果你不能，那将是荒谬的，但值得仔细检查。我看到的都是png。

【讨论】：