将HTML页面预渲染到图像中

Question

我想将下一个网页预缓存到缩略图中。 是否可以使用javascript / jQuery将HTML页面（带有CSS）预先呈现为图像？ 以及如何在客户端上保留该临时映像？

Answer 1

您可以执行ajax请求以请求图像或从脚本链接图像。 该脚本需要从网站请求所需的数据，并使用呈现机制进行呈现。 返回的信息可以是到服务器上生成的图像的链接。 根据要检索和呈现的数据，性能可能会很低。

该问题将向您展示渲染网站并生成pdf的解决方案。 您可以使用这种方法并将pdf转换为usinf ImageMagick图像（需要在服务器上安装）。

Answer 2

Afaik，这在客户端是不可能的，因为它引起了安全隐患。 甚至<canvas>元素也无法呈现HTML元素（仅允许浏览器插件使用为此目的提供的方法）。

Answer 3

网站写的是什么？ 如果您具有服务器端功能，则可能可以做到这一点并发送要缓存的图像。 据我所知，不可能从jquery或javascript中获取。

Answer 4

除非您的页面非常复杂，否则您的瓶颈更有可能在网络中，而不是在呈现中。 您可以轻松地预加载html页面及其所有重要资源（例如图像，多媒体等），以便当用户转到下一页时，您不再需要访问网络并将其从本地缓存中加载。

您可以使用几种技术来预加载HTML文件，不可见的iframe可能是最简单的（尽管我自己从未尝试过）。