javascript - 如何在 Firefox 扩展中以字符串形式获取页面的 html？

Question

我需要获取作为字符串加载的当前页面的 html，以便我可以对其进行操作并稍后使用该信息。我需要在 Firefox 扩展中使用它，但在让它工作时遇到了很多麻烦。

我最初尝试使用 .outerHTML 存储值，我已经在其他地方看到过并开始使用它。以下是其工作原理的示例:

var pageHTML = document.documentElement.outerHTML; 

我也尝试只搜索我当时需要的作品，如下所示:

document.getElementById("header")

但是，这两个似乎都无法访问 HTML。我认为这是因为代码是在浏览器中运行的，而不是在文档本身中运行的。如何从 Firefox 扩展访问选项卡中加载的页面的 HTML“文档”。

Answer 1

Firefox 插件 SDK 包含一个名为 page-mod 的模块就是为了这个目的。在 page-mod 下运行的内容脚本将在网页上下文中运行，而不是在典型的沙盒上下文中运行。

来自该页面的文档:

You can modify the document in your script:

var pageMod = require("sdk/page-mod");

pageMod.PageMod({ include: "*.mozilla.org",
                  contentScript: 'document.body.innerHTML =' +
                                 '"<h1>Page matches ruleset</h1>";' 
});