用于将 .css 和 .js 文件添加到页面的 Firefox 插件

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/附加项目目录的子文件夹中。