Tiêm CSS trong firefox thêm vào sdk

Question

Tôi không thể tiêm CSS trong phần mở rộng firefox. Đây là mã của tôi.

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

Tôi sử dụng toolbar buttons bởi Erik Vold. contentStyleFile dường như không hoạt động. Khi tôi nhấp vào nút, hộp thoại JQuery xuất hiện nhưng không có tệp css.

Answer 1

Bạn có thể lấy đi bằng cách sử dụng PageMod sẽ mang đến bảng định kiểu mà bạn muốn và cũng có thể tiêm JavaScript.

Something như thế này có thể làm việc:

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

Sau đó, sau đó bạn sẽ muốn tiêu diệt PageMod này khi bạn đang thực hiện với nó vì vậy họ không chỉ treo xung quanh gắn liền với trang cũ.

pm.destroy();