javascript - Facebook 链接预览是如何发生的?

标签 javascript jquery facebook

当您在 facebook 中输入 URL 时,它会自动出现“发布链接”功能。对于大多数网站,它会自动加载从页面某处提取的一系列图像,以与链接和描述并列。有没有人知道如何在没有任何 FB API 等的情况下为我们自己的网站实现相同的功能。只有 javascript 或 JQuery?

最佳答案

由于安全限制,JavaScript 无法从任何服务器加载任何页面。 Facebook 实际上向 Facebook 服务器 询问有关该页面的信息,然后服务器反过来查询该页面以提取信息。您也需要一个服务器端实现。

除此之外,它相当简单:使用您选择的语言的 HTTP 客户端库连接到提供的 URL,然后使用 HTML 解析库提取 title 标记,确定一个重要的body 标签中的一段文字,并提取看起来最合适的 img 标签源。

一旦您的服务器能够提取有关页面的信息,通过 AJAX 调用它就是一个相当简单的练习。

关于javascript - Facebook 链接预览是如何发生的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4767473/

相关文章:

javascript - 加载图表时出错未捕获类型错误 : Cannot read property 'toLowerCase' of undefined

javascript - Chrome 扩展 : How to get website assets/resources (CSS, 图片等)

javascript - 谷歌地图样式 API。调整透明度/不透明度

javascript - 准备好加入语音 channel (discord.js)

facebook - Facebook 选项卡中不允许使用 HTML

基于Java的用户账户管理系统

ios - 如何在 iPhone 应用程序中添加类似 Facebook 的页面功能?

javascript - 单元测试 Controller 使用 Jest、NodeJS

javascript - 使用 JavaScript/jQuery 捕获对输入框内容的所有更改

javascript - 在 jQuery 中如何触发 mootools 中添加的元素事件?