Javascript 我想知道facebook是如何将您发布的内容（如网络链接）更改为对话框中的小部件的

fb是否关注关键词？例如，如果您尝试发布此链接，您将看到它显示“如何为专业和热心的程序员提问”以及底部的链接。非常感谢您的帮助：）

他们在服务器端查询链接，将其删除，并将该信息作为小部件发送到浏览器

你可以看着它发生：

将链接复制到剪贴板

打开Facebook

打开浏览器的开发工具并转到“网络”选项卡

单击邮箱（这样，当您这样做时，它会加载各种加载的内容）

等几秒钟

在“网络”选项卡中，单击“清除”，以便查看新内容

将链接粘贴到邮箱中

---

您将看到一个类似的请求

https://www.facebook.com/react_composer/scraper/?composer_id=obscured&target_id=obscured&scrape_url=http%3A%2F%2Fstackoverflow.com%2Fquestions%2F36964511%2Fi-will-like-to-know-how-facebook-changes-something-you-post-like-a-weblink-into&entry\u point=obcluded&source\u attachment=obcluded&av=obcluded&dpr=1

。响应包括框的信息。

他们查询链接服务器端，将其删除，并将该信息作为小部件发送到浏览器

你可以看着它发生：

将链接复制到剪贴板

打开Facebook

打开浏览器的开发工具并转到“网络”选项卡

单击邮箱（这样，当您这样做时，它会加载各种加载的内容）

等几秒钟

在“网络”选项卡中，单击“清除”，以便查看新内容

将链接粘贴到邮箱中

您将看到一个类似的请求

https://www.facebook.com/react_composer/scraper/?composer_id=obscured&target_id=obscured&scrape_url=http%3A%2F%2Fstackoverflow.com%2Fquestions%2F36964511%2Fi-will-like-to-know-how-facebook-changes-something-you-post-like-a-weblink-into&entry\u point=obcluded&source\u attachment=obcluded&av=obcluded&dpr=1

。该响应包括该框的信息。

Facebook使用：

开放图协议使任何网页都能成为社交图中的丰富对象。例如，这在Facebook上用于允许任何网页具有与Facebook上任何其他对象相同的功能

如果你在你的网页上实现开放图形元标记，Facebook将在创建你在发布链接后看到的小部件时使用这些字段

例如，如果查看此页面的源代码，您将看到

og:image

、

og:title

、

og:description

、

og:type

和

og:url

的开放图形标记。如果您在Facebook上共享此URL，小部件将使用

og:title

、

og:description

、

og:image

和

og:URL

。您可以在Facebook的Open Graph调试器工具中查看

一个有用的工具是，它允许您发布URL并查看Facebook如何刮取页面。

Facebook使用：

开放图协议使任何网页都能成为社交图中的丰富对象。例如，这在Facebook上用于允许任何网页具有与Facebook上任何其他对象相同的功能

如果你在你的网页上实现开放图形元标记，Facebook将在创建你在发布链接后看到的小部件时使用这些字段

例如，如果查看此页面的源代码，您将看到

og:image

、

og:title

、

og:description

、

og:type

和

og:url

的开放图形标记。如果您在Facebook上共享此URL，小部件将使用

og:title

、

og:description

、

og:image

和

og:URL

。您可以在Facebook的Open Graph调试器工具中查看

---

一个有用的工具是，它允许您发布一个URL，并查看Facebook如何抓取页面。

Wow！！非常感谢T.J。！！你太棒了：）哇！！非常感谢T.J。！！你太棒了：）