Javascript 如何生成HTML页面的缩略图

我正在尝试为几个HTML页面创建缩略图，这样用户可以在打开链接之前了解HTML的外观。我在网上搜索过，但没有找到任何有用的东西

这里有人能提供一些建议吗？非常感谢

---

我特别希望这种情况发生在服务器端，这样客户端就不需要加载页面

您可能需要签出此url:

使用此脚本，您可以在客户端将页面转换为画布

然后，您可以将其用作缩略图。

提供了一个免费工具，可以从文件（如果您通过命令行参数启用该功能，并使用

文件：//

URI方案）或网站本地捕获HTML并将其呈现为图像。这是一个非常成熟、非常流行的工具，它也被编写自动化测试的人使用。有一个wiki页面，涵盖了该工具和类似的工具

它有一个裁剪选项。你可以通过其他的图像处理工具来调整它的输出

至于像Twitter和Facebook那样获得智能预览/缩略图，我不确定。我知道Twitter和其他网站提供了一种流行的oEmbed协议，以及提取元数据的方法，通过这种方法，您可以构建自己的小HTML文件，然后将其呈现到图像中

---

（关于phantomJs的注意：如果在渲染图像中没有获得所需的图像质量，请尝试将图像参数的质量设置提高到100，以及增加页面的缩放因子选项。我发现缩放因子2比缩放因子1产生的质量要好得多-请参阅API文档。）正在缩放）。

http://api.s-shot.ru/?=（您的url）

和

https://s.wordpress.com/mshots/v1/（您的url）

---

我希望这些帮助！

由于某些原因，我无法让phantomjs为我的网站工作，在进一步搜索时，我偶然发现了这一点。在这里发布此消息，以防其他人发现它有用。

您必须在标题标记中使用标记：

duplicate of不是duplicate of，因为这个问题是关于在用户加载页面之前生成图像的问题，另一个问题是关于在客户端生成屏幕截图的问题，因此，用户必须首先访问该页面。嗯，可能是的duplicate of，但是Rouge，你能提供有关服务器端的更多信息吗？我相信正确的方法，usinGjQuery就是在获取的HTML上创建一个HTML5画布，然后将画布区域转换成dataURL，这样就可以作为图像访问。不过这只是一个理论，我只能在我这样做之后才能确认。如果是因为他说他想在服务器端使用它，他会在我发布后补充说，如果我没弄错的话。我我会把这个问题留给其他人来回答。阿门。有些人故意或无意地怀有恶意，他们无法正确地看待自己的抱怨。这让我想起了一些案例，如果承运人在运输过程中弄糟了，人们会对产品进行一星级审查，好像这与产品本身有关。这是不可能的因此，当设置宽度和高度时，我得到了整个页面。当设置宽度和高度时，只得到一张图片有什么意义？@Carlitos，是的，我为此投了反对票。我想这一定是答案，因为我在下载时浪费了时间，希望有缩放选项。只有整个页面太可笑了没有缩放的e选项（croping是无用的）。iFrame会降低性能