javascript - Firefox 扩展在文档中显示图像

Question

是否可以在不违反安全约束的情况下在当前文档中显示本地镜像。

示例:图片位于 chrome://myExtension/content/2.png

$myImg=jQuery("#myImg", doc);

$myImg.attr("src","chrome://beSure/content/2.png");

Error Console: Security Error: Content at https://www.google.com/accounts/ServiceLogin?....&from=login may not load or link to chrome://myExtension/content/2.png.

非本地链接的工作示例:

$myImg=jQuery("#myImg", doc);

myImg.attr("src","http://cdn1.iconfinder.com/data/icons/classic-cars-by-cemagraphics/128/minicar_128.png");

图片来自有效的 url，所以没问题。但是如何显示本地镜像？

Answer 1

您的 chrome 包需要在 chrome.manifest 中使用 contentAccessible 标志声明，参见 documentation .默认情况下，不再允许网页从 chrome:// 加载图像，这以前允许网页通过加载图像来检测已安装的扩展程序。

另一种可能性应该是使用 image.src 属性而不是设置属性:

var myImg = doc.getElementById("myImg");
myImg.src = "chrome://beSure/content/2.png";

这应该可行，因为您的(特权)脚本在这里直接设置图像位置。另一方面，属性更改是异步处理的，因此这是通过网页的权限完成的。