如何呈现DOM树的完美副本

时间:2018-11-19 10:46:17

标签: javascript google-chrome browser google-chrome-devtools puppeteer

我曾尝试使用Chrome和Puppter进行以下操作:

  1. 等待足够长的时间来加载所有图像(因为打开浏览器很容易)
  2. 使用document.cloneNode(true)复制DOM树
  3. 过滤掉javascript(仅当我需要静态视图时)
  4. 最后使用XMLSerializer返回副本,其中serializeToString作为字符串保存为.html文件。

将浏览器视口设置为与复制视口相同的大小。但是,渲染的页面是不可接受的,有些图像在其他页面之下可见,渲染的视图也不一样。

知道为什么会这样吗?我以为我有一个完美的DOM副本。

0 个答案:

没有答案