将html页面预渲染为图像答案

【问题标题】：Pre-rendering html page into image将html页面预渲染为图像
【发布时间】：2010-10-08 12:11:27
【问题描述】：

我想将下一个网页预缓存到缩略图中。是否可以使用 javascript/jQuery 即时将 html 页面（使用 css）预渲染为图像？以及如何在客户端上持久保存该临时图像？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

网站是用什么写的？？如果您具有服务器端功能，您可能会这样做并将图像发送到缓存。据我所知，jquery 或 javascript 是不可能的。

【讨论】：

【解决方案4】：

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

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

【讨论】：