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

Evg*_*nev 15 firefox firefox-addon

我正在编写一个Firefox扩展,需要将css文件注入到网页中.css文件与扩展程序捆绑在一起,因此我可以使用chrome网址访问它

chrome://extensionid/content/skin/style.css
Run Code Online (Sandbox Code Playgroud)

我正在尝试在加载页面时注入这样的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);
Run Code Online (Sandbox Code Playgroud)

但是,当我检查link我创建的元素时,没有加载css并且Firebug显示"Filtered chrome url"消息而不是文件内容.如果我尝试从外部服务器加载此css文件,一切都很好.

有没有办法加载与扩展捆绑的css文件?

mat*_*tyr 17

resource:而不是chrome:

  • 我在http://stackoverflow.com/questions/2685243/inserting-css-with-a-firefox-extension/5395489#5395489上发布了一些关于为什么这是正确答案的背景知识. (2认同)