【问题标题】:What is this technique called in javascript?这种技术在 javascript 中叫什么?
【发布时间】:2017-07-08 09:35:16
【问题描述】:

在我在 Google plus 上添加链接 (facebook.com) 后,它会显示:

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

p/s: 抱歉 javascript 标签,我不确定它是否可以用 javascript 或 jquery 或其他东西来完成。

【问题讨论】:

  • 你是对的,由于跨域请求,它不能单独使用 JavaScript 完成。您需要对自己的服务器进行 AJAX,让您的服务器到达目的地以提取信息,然后向浏览器报告。

标签: javascript ajax


【解决方案1】:

这基本上是通过您所定位页面的Meta tags 完成的。 Google Plus(例如 Facebook)从您链接的页面中获取此元数据,对其进行解析并显示他们想要显示的内容。

这不是真正的iframeembed

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

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

希望对你有帮助。

【讨论】:

  • 非常感谢!它似乎是一项服务,而不是我可以下载/学习遵循的插件/教程。我会提升我的知识。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-04-12
  • 1970-01-01
  • 2015-06-15
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多