如何在 Firefox 扩展中将一串 HTML 转换为 DOM 对象？

Question

我正在下载带有 XMLHttpRequest 的网页（标记汤 HTML），我想获取输出并将其转换为 DOM 对象，然后我可以在其上运行 XPATH 查询。 如何将字符串转换为 DOM 对象？

看来一般的解决方案是创建一个隐藏的 iframe 并将字符串的内容扔进去。 已经有议论更新的DOMParser来支持文本/ HTML，但像Firefox 3.0.1的你仍然可以获得一个NS_ERROR_NOT_IMPLEMENTED如果你尝试。

除了使用隐藏的 iframe 技巧之外，还有其他选择吗？ 如果不是，那么执行 iframe 技巧的最佳方法是什么，以便您的代码在任何当前打开的选项卡的上下文之外工作（以便关闭选项卡不会搞砸代码等）？

这是我为什么要寻找 iframe hack 以外的解决方案的一个示例，如果我必须编写所有代码才能获得强大的解决方案，那么我宁愿继续寻找其他解决方案。

Answer 1

Ajaxian 今天实际上有一篇关于从 iframe 插入/检索 html的帖子。 您可能可以使用他们在那里发布的 js 片段。

至于处理浏览器/选项卡的关闭，您可以附加到 onbeforeunload ( http://msdn.microsoft.com/en-us/library/ms536907(VS.85).aspx ) 事件并执行您需要执行的任何操作.

Answer 2

试试这个：

var request = new XMLHttpRequest();

request.overrideMimeType( 'text/xml' );
request.onreadystatechange = process;
request.open ( 'GET', url );
request.send( null );

function process() { 
    if ( request.readyState == 4 && request.status == 200 ) {
        var xml = request.responseXML;
    }
}

注意overrideMimeType和responseXML 。
readyState == 4是“已完成”。

Answer 3

尝试创建一个 div

document.createElement( 'div' );

然后将标签soup HTML设置为div的innerHTML。 浏览器应该将其处理为 XML，然后您可以对其进行解析。

innerHTML 属性采用指定文本和元素的有效组合的字符串。 当设置了innerHTML 属性时，给定的字符串将完全替换对象的现有内容。 如果字符串包含 HTML 标记，则在将字符串放入文档时对其进行解析和格式化。

Answer 4

因此，您想使用 javascript 将网页下载为 XML 对象，但又不想使用网页？ 由于您无法控制用户将执行的操作（关闭选项卡或窗口或诸如此类），因此您需要像 OSX 仪表板小部件或某些单独的应用程序一样执行此操作。 Firefox 扩展也可以使用，除非您必须担心用户关闭浏览器。

Answer 5

除了使用隐藏的 iframe 技巧之外，还有其他选择吗？

不幸的是，不，不是现在。 否则，您指向的摘要代码将使用它。

如果不是，那么执行 iframe 技巧的最佳方法是什么，以便您的代码在任何当前打开的选项卡的上下文之外工作（以便关闭选项卡不会搞砸代码等）？

您引用的代码使用最近的浏览器窗口，因此关闭选项卡不会影响解析。 关闭该浏览器窗口将中止您的加载，但您可以处理它（例如，检测到加载中止并在另一个窗口中重新启动它）并且这种情况不会经常发生。

您需要一个 DOM 窗口让 iframe 正常工作，因此目前没有干净的解决方案（如果您热衷于使用 mozilla 解析器）。