2017-07-08 43 views
1

后,我在谷歌添加一个链接(facebook.com)加,它让我看到:在javascript中调用这种技术是什么?

1

我想要做我的网页上同样的事情,但我不知道它是什么(请输入网址的位置 - >连接到页面并获取一些信息(logo,name,title ...) - >显示)。

p/s:对不起,javascript标记,我不确定它可以用javascript或jquery或其他方式完成。

+2

你是对的,由于跨源请求,单独使用JavaScript无法完成。您需要将AJAX添加到您自己的服务器上,让您的服务器到达目的地以提取信息,然后向浏览器报告。 –

回答

1

这基本上是用您定位的页面的Meta tags完成的。 Google Plus(例如Facebook)从链接的页面获取这些元数据,解析并显示他们想要显示的内容。

这不是一个实际的iframeembed

看看的开放图谱协议:http://ogp.me/

例如,如果你看一下OGP页面的DOM,你会发现一些meta标签,如:

<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:imageog:title

如果你想知道如何在这里抢指定页面的这些信息,你应该寻找有关直接的问题,例如:How can I retrieve og/meta attributes of a resource?

希望它能帮助。

+0

非常感谢!这看起来像一个服务,而不是一个插件/教程,我可以下载/学习遵循。我会提升自己的知识。 – Vayne