如何在Firefox中以当前状态转储整个Web DOM？

Question

我有一个网页，其中包含一些自动生成的javascript内容，当用户单击某些链接时，该内容会操纵DOM。当我在Firefox中保存页面时，它只保存original页面而不进行DOM修改。如何按照javascript的操作保存或转储HTML DOM的current状态？

Answer 1

5
投票

[DOM Inspector具有File->Save DOM As...选项。

Answer 2

您还可以使用Firebug编辑DOM并保存完整的文档标记。

Answer 3

类似FireFox的外观已用不再具有此功能的新工具替换了DOM Inspector。

在新的DOM Inspector中，Ctrl + Shift +我有一个接受命令的控制台。

这有时可行...

console.log(document.documentElement.innerHTML)

这会为您提供一些您可以检查但由于某些错误而不能复制粘贴的内容...

alert(document.documentElement.innerHTML)

这应该像console.log（document.documentElement.innerHTML）一样....

document.documentElement.innerText = document.documentElement.innerHTML

Answer 4

事实证明这很困难；但是，我发现了一个效果很好的Firefox插件。

保存网页WE通过DW-dev

它也可用于Chrome。