Javascript 在使用HTML5开发的web应用程序中添加丰富的预览功能

当你在WhatsApp或Skype等聊天应用程序中发送网站链接时，会出现一个小型网站预览。我想在使用HTML5和JavaScript开发的web应用程序中实现类似的功能。所以，如果我有链接，我想在div标签上显示它的RichReview

---

需要做些什么才能达到预期的结果

Skype和类似程序中的这些预览是基于元标记生成的

不同的应用程序/社交网络为此使用不同的元标记。例如，Skype了解开放图形元标记：

有许多文章描述了编写元标记的过程。你可以看看这两个：

您需要的是一个呈现器，它获取链接、解析页面、尝试理解元标记并基于元标记呈现预览

---

这里列出了一些针对open graph的开源实现：

对于4K+rep，您应该知道它不适用于“提示或建议”。如果您有特定的编码问题，请返回。