javascript - 获取完整的实际 html 页面源，包括框架集

Question

对于我们的功能测试自动化，我们将 QTP 与 Webtest 插件结合使用。我可以控制 DOM(但不是以一种简单的方式)并且可以使用 VBScript 和部分 Javascript 来找到解决方案。

每当我们在测试过程中遇到错误时，我都想在那一刻捕获完整的 HTML 页面源代码。稍后，当我们检查报告中的错误时，我们可以看到当时发生了什么以及 DOM 的样子。

因此，我正在寻找捕获此源的可能性。通常我用

htmlSource = browser("micClass:=Browser").page("micClass:=Page").Object.documentElement.outerHTML

或

htmlSource = browser("micClass:=Browser").page("micClass:=Page").Object.getElementsByTagName("html")(0).innerHTML

不幸的是，这只会捕获标签、框架集和框架的全部内容，而不是位于框架中的实际内容。 (这里是经典框架，不是 IFrame)

现在我想要一种实时捕获完整 DOM 源的方法，包括框架集中的内容。我希望它们的顺序和位置正确，就像源代码出现在 IE 开发人员工具的 HTML View 中一样。

有人知道我该如何管理吗？

Answer 1

如果您真的需要在页面的 HTML 中嵌入框架的源代码，我知道实现此目的的唯一方法是为每个元素递归构建 HTML。这可能需要大量工作，因为对于每个元素，在转到子元素(并正确插入它们)之前，您必须从 outerHTML 中删除 innerHTML。

如果您可以忍受框架的 HTML 位于外部，您可以使用带有描述 micclass=Frame 的 Page.ChildObjects()，然后使用与您使用的相同的机制对于页面 (frames(i).Object.documentElement.outerHTML)。

请注意，您将获取页面下的所有框架，因此即使框架嵌套在 DOM 中，也无需获取 Frame 测试对象的子对象。