火狐插件:如何从网页抓取数据？

Question

目的

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

问题

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

Answer 1

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

您可以使用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);
  }
});