javascript - 在 Firefox 扩展中包含图像

标签 javascript html css firefox

我想在我正在开发的 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);

谢谢。

最佳答案

就不能直接用相对路径吗?

divTag.src="image1.gif";

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

  • 您是否仔细检查了您的文件路径?
  • 您确定可以嵌入 gif 吗?如果你不能,那将是荒谬的,但值得仔细检查。我看到的所有被使用的都是 png 的。

关于javascript - 在 Firefox 扩展中包含图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/766420/

相关文章:

javascript - 到子组件的动态路由

javascript - createRecord 在捕获错误时创建一个空实例

html - 为什么 svg 和 css 屏蔽(clippathing)不起作用

javascript - radio 和下拉菜单不起作用?

javascript - 我们如何提供鼠标单击功能以及鼠标悬停功能?

html - 如何在 svg 或 canvas 中绘制箭头曲线……我看到了很多示例,但我不知道如何绘制

javascript - 在自定义元素内附加自定义元素会导致隐藏元素

html - Bootstrap 表单列未与非表单列对齐?

HTML 表格在不使用 <tr> 元素的情况下将内容推送到新行

javascript - click 函数中的 var 变得未定义