Firefox addon 有没有现成的firefox插件可以用js/css操作网站内容的例子？

我知道有很多教程，但它们都集中在xul上，操作菜单和示例的功能太多了

我需要的是一个简单的扩展，例如，它将为我访问的每个页面的所有

元素添加一个红色边框，当页面加载完成时，js将向我显示警报。只是为了证明它是有效的，我将有一个学习的起点

我知道有一些现成的扩展，比如greasemonkey和user css，但我想做的是首先使这些功能变得原始，而不需要另一个扩展的开销。第二，要有ha概念验证代码，这样我就可以学习FirefoxAPI的其他特性

我知道如何编写chrome/opera扩展。我知道所有需要的语言，以及如何制作模拟扩展，所以它会出现在firefox插件列表中。Vut问题是我不知道把什么放在哪里才能找到实际网页的内容

我知道有一个名为

main.js

的文件，我应该放在这样的代码中：

var data = require("self").data;
var pageMod = require("page-mod");
pageMod.PageMod({
  include: "*",
  contentScriptFile: data.url("my_script.js"),
  contentStyleFile: data.url("my_style.css")
});

这看起来很熟悉，比如在Chrome中，我的脚本代码：

window.addEventListener("load", function() {
  alert("hello there!");
}, true);

但我不知道把这些文件放在哪里。是否有一些默认位置，或者我必须设置一些配置文件以让api知道main.js在哪里

我知道有一些项目可以简化这种基于css/js的扩展，比如jetpack，但这仍然会产生开销。我想学习，但也不要浪费我的时间，在基于ChromeAPI知识的基础上创建一些有用的东西

编辑： 我找到了这个教程：-但是没有关于这些文件放在哪里的内容，也没有使用这些功能的扩展名示例

---

edit2:-在mozdev示例中没有这些链接，必须通过google搜索它，它被称为附加SDK。开始

您还需要现成的示例吗

下面是一个引导加载项模板，它正是这样做的。您只需为初学者编辑

addDiv

和

removeDiv

函数

---

我只看到一个便条，您想创建一个警报。如果要查看警报，请在addDiv函数中添加此代码：

var theWin=doc.defraultView；theWin.alert（'hi'）

您应该推荐附加SDK，而不是使用经典的引导附加。XUL/classic插件正逐渐被弃用，E10很可能会损坏。谢谢你的指针Tim，我一年前在三月份还没意识到这一点。我现在推荐framscripts的插件sdk。尽管此解决方案依靠CPOWs工作，但不推荐使用CPOWs。