Iniettare CSS in Firefox Add on SDK

Question

non sono riuscito a iniettare CSS in estensione per Firefox. Ecco il mio codice.

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

Io uso toolbar buttons di Erik Vold. contentStyleFile non sembra funzionare. Quando faccio clic sul pulsante, viene visualizzata la finestra di dialogo di JQuery ma senza il file css.

Answer 1

si potrebbe ottenere via con l'utilizzo di un PageMod che porterebbe nel foglio di stile che si desidera e può anche iniettare il JavaScript.

Qualcosa di simile potrebbe funzionare:

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

Poi, più tardi si vorrà distruggere questa PageMod quando hai finito con esso in modo che siano non solo in giro associate alle vecchie pagine.

pm.destroy();