फ़ायरफ़ॉक्स में सीएसएस इंजेक्ट करें एसडीके

Question

पर जोड़ें मैं फ़ायरफ़ॉक्स एक्सटेंशन में सीएसएस इंजेक्ट करने में विफल रहा। मेरा कोड यहाँ है।

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 का उपयोग करता हूं। सामग्री स्टाइलफ़ाइल काम नहीं कर रहा है। जब मैं बटन पर क्लिक करता हूं, तो JQuery संवाद प्रकट होता है लेकिन सीएसएस फ़ाइल के बिना।

Answer 1

आप PageMod का उपयोग कर दूर हो सकते हैं जो आपके स्टाइल शीट को लाएगा और जावास्क्रिप्ट को इंजेक्ट भी कर सकता है।

कुछ इस तरह काम कर सकता था:

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