获取javascript呈现页面的html(与之交互后)

Question

我希望能够在我与之交互后保存html页面的状态.

假设我单击一个复选框,或者javascript设置各种元素的值.

如何保存"javascript-rendered"页面？

谢谢.

Answer 1

在Chrome(显然是Firefox)中,有一个特殊的copy()方法可以将呈现的内容复制到剪贴板.然后,您可以通过将其粘贴到首选文本编辑器来执行任何操作.

控制台示例:

拷贝(document.body.innerHTML);

注意:我注意到在运行该方法后Chrome报告未定义,但是,它似乎正确执行并且正确的内容位于剪贴板中.

如果您使用“copy(document.documentElement.outerHTML);”，您将获得整个 HTML 页面，包括“<head>”（“DOCTYPE”声明除外。 (2认同)

Answer 2

这应该做,并将抓住ALL页面而不仅仅是身体

console.log(document.getElementsByTagName('html')[0].innerHTML);