Firefox 插件 : how to grab data from webpage?

Question

目的

我正在尝试为网站表单创建一个通用答案数据库。该表格是对计算机硬件规范的描述，我正在尝试使其基于模型字段自动填写其他字段。带有两个按钮的扩展，“填充”将基于模型字段，检查数据库中的匹配条目，然后基于此将数据填充到表单中。第二个按钮是“保存”，它将获取字段中的数据并将其与模型字段结合并放入数据库中。

问题

所以，我的主要问题是与网页本身交互，如何从网页中获取数据，然后如何更改字段？

Answer 1

So, my main question is on interacting with the webpage itself, how do I grab data from the webpage, and then how do I make changes to fields?

您可以使用 a Firefox Add-on SDK Page-mod, click here for the documentation 执行此操作

这里是一个获取数据的例子:

页面修改示例

/lib/main.js:

var tag = "p";
var data = require("sdk/self").data;
var pageMod = require("sdk/page-mod");

pageMod.PageMod({
  include: "*.mozilla.org",
  contentScriptFile: data.url("element-getter.js"),
  onAttach: function(worker) {
    worker.port.emit("getElements", tag);
    worker.port.on("gotElement", function(elementContent) {
      console.log(elementContent);
    });
  }
});

/data/element-getter.js:

self.port.on("getElements", function(tag) {
  var elements = document.getElementsByTagName(tag);
  for (var i = 0; i < elements.length; i++) {
    self.port.emit("gotElement", elements[i].innerHTML);
  }
});