在javascript中調用這種技術是什麼？

Question

後，我在谷歌添加一個鏈接（facebook.com）加，它讓我看到：

我想要做我的網頁上同樣的事情，但我不知道它是什麼（請輸入網址的位置 - >連接到頁面並獲取一些信息（logo,name,title ...） - >顯示）。

p/s：對不起，javascript標記，我不確定它可以用javascript或jquery或其他方式完成。

Answer 1

這基本上是用您定位的頁面的Meta tags完成的。 Google Plus（例如Facebook）從鏈接的頁面獲取這些元數據，解析並顯示他們想要顯示的內容。

這不是一個實際的iframe或embed。

看看的開放圖譜協議：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:image和og:title。

如果你想知道如何在這裏搶指定頁面的這些信息，你應該尋找有關直接的問題，例如：How can I retrieve og/meta attributes of a resource?

希望它能幫助。