问题 如何在Firefox中将整个Web DOM转换为当前状态?


我有一个网页,其中包含一些自动生成的javascript内容,当用户点击某些链接时,它会操纵DOM。当我在Firefox中保存页面时,它只保存了 原版的 没有DOM修改的页面。我怎样才能保存或转储 当前 由JavaScript操纵的HTML DOM的状态?


4766
2017-11-13 01:04


起源



答案:


DOM Inspector 有一个 File->Save DOM As... 选项。


6
2017-11-13 01:06



完善。谢谢! - Ross Rogers
似乎不再支持“此附加组件与您的Firefox版本不兼容。” - teknopaul


答案:


DOM Inspector 有一个 File->Save DOM As... 选项。


6
2017-11-13 01:06



完善。谢谢! - Ross Rogers
似乎不再支持“此附加组件与您的Firefox版本不兼容。” - teknopaul


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


2
2017-11-13 01:11



但是怎么样? Firebug中的DOM编辑器位于何处? - Pro Backup


看起来FireFox已经用不再具有此功能的新工具替换了DOM Inspector。

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

这有时会起作用......

console.log(document.documentElement.innerHTML)

这给你一些你可以检查的东西但是没有复制粘贴因为一些bug ...

alert(document.documentElement.innerHTML)

这就像console.log(document.documentElement.innerHTML)应该....

document.documentElement.innerText = document.documentElement.innerHTML

2
2017-10-01 15:19



如果你想要一个完整的HTML页面,你可以这样做:> console.log('<!doctype html> \ n'+ document.documentElement.outerHTML)
现在按Ctrl + Shift + I(Firefox 58左右)打开工具> Web开发人员>切换工具。在其“检查器”选项卡中,右键单击 <html ...> 并选择“复制”>“外部HTML”,然后粘贴到文本编辑器中。这应该抓住页面当前状态的所有内容,除了开头 <!DOCTYPE> 您可以单独复制。 - skierpage