facebook likebox哪个代码更好

Question

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

我想知道哪个代码最好用,因为有三个选项...例如,减少加载时间.HTML5或XFBML或IFRAME？我真的很感激,如果有人可以请参考我的建议.谢谢.

Answer 1

如果您使用的是HTML5或XFBML版本,则必须加载Facebook的JavaScript SDK - 这样才能计算页面的加载时间,因为它是直接嵌入到代码中的外部脚本资源.(虽然正常加载是异步完成的,但它不会减慢页面其余部分的加载速度,也不会延迟加载事件.)

另一方面,iframe版本可以加载"on it own",可以这么说.只有iframe元素的代码在您的页面中,并且加载它的实际内容被视为由浏览器加载完全不相关的页面.因此,加载iframe文档需要花费多少时间(如果Facebook被"关闭"或暂时缓慢),它将不会影响您自己的页面,并且它会以任何方式加载事件.

尽管有这些事实,我通常会使用HTML5或XFBML版本 - 不是基于所描述的因素,而是因为我觉得我对它们有更多的"控制"(例如不能立即激活它们,但也许让它们仅在稍后与页面的一些用户交互时进行解析).

Answer 2

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

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