我正在编写一个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文件?
我正在构建一个Firefox扩展,将HTML元素添加到网站的某些页面.我想让它插入一个自定义CSS文件来设置这些元素的样式.如果我在页面上插入带有CSS的标签,它就可以工作,但这不是一个理想的解决方案.
反正有没有让它加载和解析一个CSS文件,好像我在标题中使用了标签,或者我不知何故插入它?