Firefox扩展如何将本地css文件注入网页?

时间:2010-04-28 17:25:03

标签: firefox firefox-addon

我正在编写一个需要将css文件注入网页的Firefox扩展程序。 css文件与扩展名捆绑在一起,因此我可以使用chrome url

访问它
chrome://extensionid/content/skin/style.css

我正在尝试在加载页面时注入这样的css:

var fileref = document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", "chrome://extensionid/content/skin/style.css");
document.getElementsByTagName("head")[0].appendChild(fileref);

然而,当我检查我创建的link元素时,未加载css并且Firebug显示“Filtered chrome url”消息而不是文件内容。如果我尝试从外部服务器加载这个css文件,一切都很好。

是否有办法加载与扩展程序捆绑在一起的css文件?

1 个答案:

答案 0 :(得分:17)

使用resource:代替chrome: