预渲染HTML页面到图像

Question

我想预先缓存下一个网页到缩略图。是否有可能预先呈现一个HTML页面（与CSS）到一个图像在飞行与JavaScript/jQuery？以及如何坚持客户端上的临时图像？

Answer 1

你可以做一个ajax请求请求一个图像或从脚本的图像链接。 此srcipt需要从网站请求所需的数据并使用渲染机制进行渲染。 返回的信息可能是服务器上生成图像的链接。 根据要检索和渲染的数据，性能可能很低。

This question will show你是一个解决方案来呈现一个网站，并产生一个pdf。 你可以使用这种方法，并将PDF转换为图像usinf ImageMagick（需要安装在您的服务器上）。

Answer 2

Afaik，这在客户端是不可能的，因为它引发了安全问题。即使是<canvas>元素也不能呈现HTML元素（只有浏览器插件才允许使用为此提供的方法）。

Answer 3

什么是写在网站??如果你有服务器端功能，你可以做它，并发送图像缓存。据我所知，从jquery或javascript是不可能的。

Answer 4

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

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