html - facebook likebox 哪个代码更好

Question

我正在将 Facebook LikeBox 插件放在我正在处理的网页上。它建立在 HTML & CSS & JavaScript 之上。

我想知道哪种代码最适合使用，因为有三个选项……例如，加载时间更短。HTML5 或 XFBML 或 IFRAME？如果有人可以，我将不胜感激请向我推荐您的建议。谢谢你。

Answer 1

如果您使用的是 HTML5 或 XFBML 版本，则必须加载 Facebook 的 JavaScript SDK——这会计算您页面的加载时间，因为它是直接嵌入到您的代码中的外部脚本资源。（虽然通常加载是异步完成的，所以它不会减慢页面其余部分的加载速度，也不会延迟加载事件。）

另一方面，iframe 版本“自行加载”，可以这么说。只有 iframe 元素的代码在您的页面中，加载它的实际内容被浏览器视为加载完全不相关的页面。因此，加载 iframe 文档需要多长时间（如果 Facebook 暂时“关闭”或变慢），它不会影响您自己的页面，它会以任何方式加载事件。

尽管有这些事实，我通常会选择 HTML5 或 XFBML 版本——不是基于所描述的因素，而是因为我觉得我对它们有更多的“控制”（例如不立即激活它们，但也许仅在稍后与页面进行某些用户交互时才对其进行解析）。

Answer 2

他们使用 JavaScript 来解析 XFBML/HTML5 并将它们转换为 iframe。
因此，如果您只是展示插件，它们中的任何一个都可以工作，但 HTML5 和 XFBML 为您提供了更多选择。
例如，iframe 版本的 Like Button 不提供显示“发送”按钮的选项，但 HTML5 和 XFBML 提供。
HTML5/XFBML 版本让您有机会设置回调函数。

因此，如果您需要或想要自定义，HTML5 和 XFBML 会更好。
使用 HTML5 或 XFBML 完全取决于您。
当您使用 HTML5 编码您的网站并希望您的标记是合法的时，HTML5 版本会很好。