制作一个 Firefox 插件来注入一些 DIV 并添加样式。而已答案

【问题标题】：Make a Firefox add-on to inject some DIVs and add styles. That's it制作一个 Firefox 插件来注入一些 DIV 并添加样式。而已
【发布时间】：2012-04-08 13:44:46
【问题描述】：

我要问一个非常笼统的问题。我正在开发一个小书签，并决定创建一些浏览器扩展。我能够很快地制作 Safari 和 Chrome 扩展程序，但是当谈到 FF 时，我是个失败者。

我使用了他们的构建器，但即使我使用他们的示例代码剪切和粘贴，它也会不断出错。

如果有人可以让我朝着正确的方向迈出简单的一步，我将不胜感激。

从字面上看，我要做的就是使插件栏中的插件按钮可点击，并执行一个函数或直接执行一个 if 语句来检查 DIV 的存在以及它们是否不存在，创建它们，如果它们确实存在，则销毁它们。基本上是一个切换。

我已经阅读了他们大部分（我确定不是全部）关于此的文档，但无法使其发挥作用。

我不是在寻找执行此操作的代码，但我遗漏了一些东西。

【问题讨论】：

如果您已经有示例代码，为什么不发布它并给出错误。然后有人可以帮助您解决问题。现在你的问题基本上说 - 我需要 ff 扩展的示例代码。这可以很容易地用谷歌搜索。 google.com/…
感谢您的回复。我什至无法使 alert() 工作。这就是我开始的地方。我不是在寻找代码本身，只是在正确方向上的一点，相应的教程。就像我说的，我无法让他们的示例代码工作。这可能是他们基于浏览器的构建器的问题。谢谢
人们如何在不知道错误信息的情况下帮助您？
我确实让它工作了。感谢您的关注。工作代码在上面...

标签： javascript firefox dom firefox-addon

【解决方案1】：

这是解决方案：

var widgets = require("widget");
var tabs = require("tabs");

var widget = widgets.Widget({
  id: "div-show",
  label: "Show divs",
  contentURL: "http://www.mozilla.org/favicon.ico",
  onClick: function() {
    tabs.activeTab.attach({
    contentScript:
    'alert("foo");'
    });
 }

});

【讨论】：