问如何制作自己的自定义插件，比如facebook社交插件？

EN

我强烈推荐来自Disqus的人的Third Party Javascript (Manning)，它可以很好地概述一切。虽然它不会为你的SDK/小部件制作提供一个神奇的解决方案，但它会帮助你在前进的过程中防患于未然。这是一个很好的参考，如果简短/简洁，并且代码绝对不适合JavaScript初学者。

至于Facebook是如何做到这一点的，虽然它没有完全描述他们的iframe/widget方法，但它展示了他们如何在非标准网页中进行防弹嵌入：http://calendar.perfplanet.com/2011/the-art-and-craft-of-the-async-snippet/

为了获得额外的加分，将它与http://www.phpied.com/non-onload-blocking-async-js/结合使用，如果我没记错的话，它应该会在除iOS 6之外的所有地方都去掉加载微调器。

有关更高级的iframe乐趣，请参阅http://benv.ca/上的https://github.com/benvinegar/seamless-talk和任何其他幻灯片/帖子。(我想有一天我想见见本，考虑到我最近从他那里借了很多东西，而且他也是个加拿大人。)

请注意，无缝iframe，作为一个本地浏览器的概念，是唯一的webkit和错误的：https://bugs.webkit.org/show_bug.cgi?id=99289 (在火狐上，开发。由于一个11年前的bug而停止-- https://bugzilla.mozilla.org/show_bug.cgi?id=631218)，所以在可预见的未来，iframe定制将需要JavaScript。:)

在这里查找有关如何使用JSONP构建您自己的小部件的教程：

http://alexmarandon.com/articles/web_widget_jquery/

下面是如何使其安全的方法：

http://wordpress.tv/2011/08/31/mike-adams-developing-secure-widgets-secure-iframe-communication-in-a-pre-postmessage-world/

你可以使用Facebook Javascript SDK (参见https://developers.facebook.com/docs/reference/javascript/)来做这件事。您需要了解可以从Javascript SDK查询的Graph API (请参阅https://developers.facebook.com/docs/reference/api/)。在Facebook的文档中，有大量的示例代码。玩得开心!