如何生成HTML页面的缩略图

Question

如何生成HTML页面的缩略图

Rou*_*uge 18 html javascript css image

我正在尝试为多个HTML页面创建缩略图图像,因此用户可以在打开链接之前了解HTML的外观.我在网上搜索但没有找到任何有用的东西.

这里有人可以提供一些提示吗？非常感谢!

我特别希望这在服务器端发生,因此客户端不需要加载页面

Answer 1

Bri*_*hon 26

您可能想查看此网址:http://html2canvas.hertzen.com/.

使用此脚本,您可以将页面转换为客户端的画布.

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

如果是因为他说他想要它在服务器端,他补充说,在我发布之后,如果我没有弄错的话.我会把这个留给其他有类似问题的人. (3认同)

Answer 2

Nas*_*loo 6

您必须在标题标签中使用Open Graph标签：

<html>
  <head>
    <meta property="og:site_name" content="Your Website Name Here" />
    <meta
      property="og:title"
      content="Yourtitle goes here, about 90 characters in length."
    />
    <meta
      property="og:description"
      content="description of URL that is about 300 characters in length."
    />
    <meta property="og:image" content="YOURIMAGEURL.JPG" />
    <meta property="og:type" content="blog" />
    <meta property="og:url" content="http://yourURL.com/" />
  </head>
  <body></body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 3

小智 5

http://api.s-shot.ru/?=(your url) 和 https://s.wordpress.com/mshots/v1/(your url)

我希望那些帮助！

归档时间：	12 年，5 月前
查看次数：	37862 次
最近记录：	7 年，4 月前