使用 Javascript 捕获渲染的 HTML 页面

Capture rendered HTML page with Javascript

本文关键字：HTML 页面 Javascript 使用      更新时间：2023-09-26

是否可以从Javascript捕获渲染的HTML页面。

  • 我希望能够创建HTML页面的"小地图"以进行快速导航。

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

您可以使用：

document.body.innerHTML

那是整个"渲染"（即实时/DOM完备）HTML，但我不确定这是你想要的。

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

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

wkhtmltoimage 仅用于静态 html 页面。如果您有用户选择或带有某些绘图的画布（首次呈现时的默认绘图除外），wkhtmltoimage 将无济于事。

相关文章：