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的toolbar buttons。 contentStyleFile似乎不起作用。当我单击按钮时，会出现JQuery对话框但没有css文件。

Answer 1

你可以使用PageMod来获取你想要的样式表，也可以注入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();

在Firefox中注入CSS添加在sdk上

1 个答案: