javascript - 如何检索资源的 og/meta 属性？

Question

我正在制作一个应用程序来检索用户在 Twitter 上的推文。

这些提要包含指向外部资源的链接，例如 Artciles、网页或 YouTube 视频。

我通过 Twitter API 获取了这些提要的 JSON，但其中没有包含内容的 og: 属性。我想捕获它们并在我的网站上展示。

如this StackOverflow 的问题:

<meta name="og:type" content="website" />
<meta name="og:image" content="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon@2.png?v=fde65a5a78c6"/>
<meta name="og:title" content="How can I check classes that ends with?" />
<meta name="og:description" content="I have some elements such as:
    &amp;lt;div class=&quot;button 17-facebook-dashboard-check&quot;&amp;gt;Elem1&amp;lt;div&amp;gt;
    &amp;lt;div class=&quot;button 18-google-dashboard-check&quot;&amp;gt;Elem2&amp;lt;div&amp;gt;
    &amp;lt;div class=&quot;button " />
<meta name="og:url" content="https://stackoverflow.com/questions/19001883/how-can-i-check-classes-that-ends-with"/>

我想在每条推文中获取每个共享资源的信息。所以我想我会为每条推文(对我来说是一个盒子)做一个 ajax 请求客户端，下载 html 并解析它，检索 og:title, og:description 、og:type 和 og:image。

这是最好的方法吗？如何在 Javascript/Jquery 中解析这些数据？

Answer 1

这些 og: 属性是 Open Graph Protocol属性，有很多方法可以获取这些数据:你应该检查Open Graph Protocol parser的代码这可能对你很有用，这个PHP and jQuery Facebook link parser .

你也可以查看这个StackOverflow Question关于 PHP 解析和这个 Opengraph PHP parser并通过 ajax 调用动态地使用它们。

最后，这个StackOverflow question关于 JQuery 和纯 JavaScript 解析非常有趣，真的可以帮助你。

希望你能找到你需要的! ;)