使用Javascript捕获呈现的HTML页面

Question

是否可以从Javascript捕获呈现的HTML页面。

• 我希望能够创建HTML页面的“小地图”以便快速导航。

Answer 1

查看html2canvas 它做了一些好事，即使它不完美

Answer 2

您可以使用：

document.body.innerHTML

这就是整个“渲染”（即live / DOM-complete）HTML，但我不确定这是你想要的。

您可以更好地定义要创建地图的内容，例如标题等，然后您可以使用getElementsByTagName('h1')（例如）抓取页面上的所有H1。

如果您正在谈论浏览器呈现的实际图片，您可以查看wkhtmltopdf及其wkhtmltoimage对应部分，它会将HTML（或网址）作为输入并将其转换为文本完整的PDF或静态图像。之前在大型项目中使用过这个简洁的应用程序，所以它绝对可靠，也使用WebKit，所以CSS3 / JS兼容。

Answer 3

wkhtmltoimage仅用于静态html页面。 如果你有用户选择或带有一些绘图的画布（除了首次渲染时的默认值），wkhtmltoimage将无济于事。