Firefox附加组件，用于向页面添加.css和.js文件

Question

我想创建一个 Firefox插件，将自定义 CSS 和 JavaScript 文件添加到http：// *上的页面.example.com的。使用 Chrome扩展程序进行此操作非常简单，但Firefox附加组件有点令人困惑。这样做的最简单的方法是什么？如何制作该附加组件一步一步？

Answer 1

你应该使用page-mod api，这里是文档（包括简单的代码示例）：

https://developer.mozilla.org/en-US/Add-ons/SDK/High-Level_APIs/page-mod

特别是，使用contentScriptFile选项添加js文件，使用contentStyleFile选项添加css文件。这是一个非常简单的例子：

var data = require('sdk/self').data;

require('sdk/page-mod').PageMod({
  include: ["*"],
  contentScriptFile: [data.url('script.js')],
  contentScriptFile: [data.url('style.css')],
  attachTo: ["existing", "top"]
}); 

此代码应位于加载项目目录中的./lib/main.js中，文件script.js和style.css应位于您添加的./data/子文件夹中-on项目目录。