单击更改DOM时,Firefox ToolBar按钮?

时间:2014-03-06 07:41:24

标签: firefox firefox-addon firefox-addon-sdk

firefox开发的新手,并尽我所能来解决这个问题。

假设我想在tap_browser.js中调用一个函数,该函数会在用户点击工具栏小部件时修改DOM,我该怎么做?

这是我到目前为止的代码

require("toolbarwidget").ToolbarWidget({
    toolbarID: "nav-bar", // <-- Place widget on Navigation bar
    id: "tap-icon",
    label: "Tap",
    contentURL: data.url("favicon.png"),
    contentScriptFile: [data.url("tap_browser.js")]
});

我目前正在使用库来创建工具栏小部件:https://github.com/Rob--W/toolbarwidget-jplib

1 个答案:

答案 0 :(得分:-1)

我不太了解SDK,但我帮助某人做了些事情。看看这个:

var my_wid = widgets.Widget({
  id: "my-widget",
  label: "CLIIIICK",
  content: "CLICK ME",
  width: 100,
  onClick: function()
  {
      require('sdk/window/utils').getMostRecentBrowserWindow().gBrowser.contentDocument.documentElement.innerHTML = 'hi';
  }
});

它的作用是显示一个0宽度和高度的面板,你可以把东西放在那里,当它显示它执行onShow函数来改变当前文档的html。不建议使用innerHTML,不接受插件。我只是向您展示一个快速而肮脏的复制粘贴示例。与sdk doc页面“修改由标签托管的页面”不同的一个