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

Question

目的

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

题

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

Answer 1

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

您可以使用Firefox Add-on SDK Page-mod执行此操作,单击此处获取文档

以下是获取数据的示例:

示例页面 - Mod

/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);
  }
});