我可以使用JS序列化当前DOM吗？

Question

我想使用javascript将DOM树的当前状态序列化为字符串。尽管我更喜欢html，但最终的格式并不重要。

是否有简单的方法可以做到这一点？

为了记录，我想自动使用PhantomJs下载页面，使用js脚本进行操作，并保存页面的当前状态（但不保存为图像或pdf）。

Answer 1

您可以使用XMLSerializer序列化任何元素或dom的一部分。这是代码

 Element.prototype.innerText = function(){
var serializer = new XMLSerializer();
var serialized = serializer.serializeToString(this);
return serialized;
}

Answer 2

您可以在浏览器控制台中运行它：

new XMLSerializer().serializeToString(document);

用任何节点替换document。例如，结合CSS选择：

new XMLSerializer().serializeToString(document.querySelector('h1'));

“ http：//www.w3.org/1999/xhtml \” itemprop = \“ name \” class =“ grid--cell fs-headline1 fl1 ow-break-word mb8 \”>我可以使用JS吗？序列化当前DOM？“