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

Question

我想制作一个 Firefox 附加组件，将自定义 CSS 和 JavaScript 文件添加到 http://* 上的页面.example.com。使用 Chrome Extensions 做起来非常简单，但 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/ 子文件夹中。