javascript - 如何制作自己的自定义小部件，如 facebook 社交插件？

Question

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

基本上就是一点javascript、css和html代码，但是怎么做呢？任何例子，教程？

Answer 1

我强烈推荐Third Party Javascript (Manning)来自 Disqus 的人，以获得对所有内容的全面概述。虽然它不会为您的 SDK/widget 制作提供 Elixir 的解决方案，但它会帮助您在进行过程中防弹。这是一个很好的引用，如果简短/简洁并且代码绝对不适合 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 乐趣，请参阅 https://github.com/benvinegar/seamless-talk以及 http://benv.ca/ 上的任何其他幻灯片/帖子. (考虑到我最近从他那里借了很多东西，我想我希望有一天能见到本，而且他是加拿大同胞。)

请注意，作为 native 浏览器概念的无缝 iframe 仅适用于 webkit 且存在错误:https://bugs.webkit.org/show_bug.cgi?id=99289 (在 Firefox 上，开发由于 11 年的错误而停止？https://bugzilla.mozilla.org/show_bug.cgi?id=631218)因此在可预见的 future ，iframe 定制将需要 JavaScript。 :)