javascript - 如何在我的 firefox 扩展中添加本地镜像？

Question

我正在开发一个 firefox 扩展并创建一个表并在其中添加一个图像，然后我创建一个图像:var _img = document.createElementNS("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul ", "xul:image");

然后我发现我不能像使用它的 Url: chrome:\.... 一样用本地镜像设置它的属性“src”，所以我必须在一个 web url:http:\中找到它，但是会出现一个问题，http:\无法访问，怎么办？我是否可以使用本地 url 设置图像的属性？非常感谢!

Answer 1

从 Firefox 3 开始 chrome无法再从 <img> 中引用资源, <script> ，或从不受信任的来源加载的内容中包含或添加的其他元素。此限制适用于不受信任的源定义的元素和受信任的扩展添加的元素。如果需要明确允许此类引用，请将 contentaccessible 标志设置为 yes 以获得旧版本 Firefox 中的行为。

contentaccessible 标志仅适用于内容包:它不能被区域设置或皮肤注册识别。但是，匹配的语言环境和皮肤包也会暴露给内容。

n.b.:因为旧版本的 Firefox 不理解 contentaccessible 标志，任何设计用于 Firefox 3 和旧版本的 Firefox 的扩展都需要提供后备。

解决方案

如果您的扩展程序名为 foo你的图片位于 chrome/content/bar.png将以下内容放入您的 chrome.manifest文件:

content foo chrome/content/
content foo chrome/content/ contentaccessible=yes

您现在可以使用

引用您的图像

<img src="chrome://foo/content/bar.png">

--

取自https://developer.mozilla.org/en/chrome_registration#contentaccessible