在Firefox中注入CSS添加在sdk上

Question

我没能在firefox扩展中注入CSS.这是我的代码.

var tbb = require('toolbarbutton').ToolbarButton({
  id: 'button',
  label: 'us-button',
  image: self.data.url('img/on.png'),
  onCommand: function () {

    tabs.activeTab.attach ({

        contentScriptFile: [
            self.data.url('jquery/jquery.min.js'),
            self.data.url('jquery/jquery-ui.js'),
            self.data.url('recuperation.js'),
            self.data.url('dialog.js')
      ],
      contentStyleFile: self.data.url('jquery/jquery-ui.css'),

我使用Erik Vold的工具栏按钮.contentStyleFile似乎不起作用.当我单击按钮时,会出现JQuery对话框但没有css文件.

Answer 1

您可以使用 aPageMod来引入您想要的样式表，并且还可以注入 JavaScript。

像这样的事情可以工作：

var pm = require("sdk/page-mod").PageMod({
  include: tabs.activeTab.url,
  attachTo: ["existing", "top"],
  contentScriptFile: [
    self.data.url('jquery/jquery.min.js'),
    self.data.url('jquery/jquery-ui.js'),
    self.data.url('recuperation.js'),
    self.data.url('dialog.js')
  ],
  contentStyleFile: self.data.url('jquery/jquery-ui.css')
});

然后，当您完成后，您会想要销毁此 PageMod，这样它们就不会只是挂在旧页面上。

pm.destroy();