这个技术在javascript中调用了什么？

Question

在Google plus上添加链接（facebook.com）后，它会显示我：

我想在我的网页上做同样的事情，但我不知道它是什么（输入网址 - ＆gt;连接到该网页并获取一些信息（logo，name ，title ...） - ＆gt;显示）。

p / s：抱歉javascript代码，我不确定是否可以使用javascript或jquery或其他内容。

Answer 1

这基本上是针对您定位的网页的Meta tags完成的。 Google Plus（以及Facebook）会从您关联的网页中获取此元数据，解析并显示他们想要展示的内容。

它不是实际的iframe或embed。

查看 Open Graph协议： http://ogp.me/

例如，如果您查看OGP页面的DOM，您会发现一些元标记，如：

<meta property="og:description" content="The Open Graph protocol enables any web page to become a rich object in a social graph.">

现在，如果您将该链接（http://ogp.me/）粘贴到Facebook，那么这就是将要显示的内容。 Google Plus不会提取此说明，只需og:image和og:title。

如果您想知道如何获取指定页面的这些信息，您应该直接搜索有关该信息的问题，例如：How can I retrieve og/meta attributes of a resource?

希望它有所帮助。