如何制作自己的自定义小部件,如Facebook社交插件？

Question

如何像facebook一样制作自己的小部件？https://developers.facebook.com/docs/guides/web/#plugins

基本上它是一些javascript,CSS和HTML代码,但如何做到这一点？任何例子,教程？

Answer 1

我强烈推荐来自Disqus的玩家的第三方Javascript(Manning),以便对所有内容进行全面了解.虽然它不会为您的SDK /小部件制作提供灵丹妙药的解决方案,但它可以帮助您随时防弹.这是一个很好的参考,如果简短/简洁,代码肯定不适合JavaScript初学者.

至于Facebook如何做到这一点,虽然它没有完全描述他们的iframe/widget方法,但它显示了他们如何在非标准网页中进行防弹嵌入:http://calendar.perfplanet.com/2011/the-art-和工艺的最-异步-片断/

要获得额外的奖励积分,请将其与http://www.phpied.com/non-onload-blocking-async-js/结合使用,如果内存对我有好处,它应该除了iOS 6之外的所有加载微调器.

有关更高级的iframe乐趣,请参阅https://github.com/benvinegar/seamless-talk以及http://benv.ca/上的任何其他幻灯片/帖子.(我想我有一天会见Ben,因为我最近一直在借用他的东西,而且他是加拿大的同伴.)

请注意,无缝iframe作为本机浏览器概念,仅限webkit并且有错误:https://bugs.webkit.org/show_bug.cgi？id = 99289(在Firefox上,dev.由于11-而停止岁的bug？https: //bugzilla.mozilla.org/show_bug.cgi? id=631218)因此,在可预见的未来,iframe定制将需要JavaScript.:)