6

我未能在 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 文件。

4

1 回答 1

2

您可以使用 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();
于 2013-06-06T16:53:25.577 回答