Inject CSS w firefox dodaj na sdk

Question

Nie udało mi się wstrzyknąć CSS w rozszerzenie firefox. Oto mój kod.

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

używam toolbar buttons Erik Vold. contentStyleFile wydaje się nie działać. Kiedy klikam przycisk, pojawia się okno dialogowe JQuery, ale bez pliku css.

Answer 1

Możesz uciec się przy użyciu PageMod, która przyniesie pożądany arkusz stylów, a także może wstrzyknąć JavaScript.

Coś takiego może działać:

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') 
}); 

Później będziemy chcieli zniszczyć PageMod kiedy skończysz z nim, więc nie są one po prostu kręci przywiązany do starych stron.

pm.destroy();