Firefox擴展 - 包括manifest.json中的CSS

Question

當我將CSS添加到其中時，我的清單無法正常工作，而當我這樣做時，它在Chrome擴展中運行。

我的清單下面的樣子：

"css": ["css/jquery-ui.css", "css/font-awesome.css", "css/simplegrid.css", "css/basic.css"], 
    "js": ["jquery.js", "jquery-ui.js", "myPeaceFile.js"], 

myPeaceFile.js作品，jquery的正常工作。但CSS文件不是。

我以前問過關於jquery不能正常工作的問題。它看起來像這樣：

"js": ["peace.js", "jquery.js"] - 沒有工作。

然後，我建議這個和它的工作：

"js": ["jquery.js", "peace.js"] 

它是類似的東西？請幫忙。

謝謝！

Answer 1

您可以使用Style將CSS附加到頁面，在您的main.js中定義一個樣式並將此樣式附加到內容。

var { Style } = require('sdk/stylesheet/style'); 
var style  = Style({ 
    uri: './bootstrap.css' 
}); 

tabs.on('ready', function(tab) { 
    let worker = tab.attach({ 
     contentScriptFile: [ 
      data.url("jquery.min.js"), 
      data.url("jquery-ui/jquery-ui.min.js"), 
      data.url("mycontent-script.js"), 
     ] 
    }); 
    attach(style, tab); 
}); 

在樣式構造在第二行可以傳遞一個字符串或字符串數​​組，表示本地URI到樣式表。在這種情況下，./bootstrap.css位於擴展的data文件夾中。