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'), 

私はtoolbar buttonsをErik Voldによって使用します。 contentStyleFileが機能していないようです。ボタンをクリックすると、CSSファイルなしでJQueryダイアログが表示されます。

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();