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

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

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

我将这些提要的JSON转换为Twitter API，但其中没有包含内容的og:属性。我想捕获他们并显示在我的网站上。

如this的StackOverflow问题:

<meta name="og:type" content="website" />
<meta name="og:image" content="http://cdn.sstatic.net/stackoverflow/img/[email protected]?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"/>

我想在每个tweet上为每个共享资源捕获这些信息。
因此，我想我将为每个推文(对我来说是一个盒子)做一个ajax请求客户端，下载html并对其进行解析，以获取og:title，og:description，og:type和og:image。

这是最好的方法吗？用Javascript/Jquery解析此数据是什么？

最佳答案

这些og:属性是Open Graph Protocol属性，有很多方法可以获取这些数据:您应该检查Open Graph Protocol parser的代码(该代码可能对您非常有用)以及此PHP and jQuery Facebook link parser。

您还可以检查有关PHP解析的StackOverflow Question和此Opengraph PHP parser，并在ajax调用中动态使用它们。

最后，关于jQuery和纯JavaScript解析的StackOverflow question非常有趣，可以为您带来真正的帮助。

希望您能找到所需的东西! ;)

关于javascript - 如何检索资源的og/meta属性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19312942/