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

我如何像facebook一样制作自己的小部件

基本上，它是一些javascript、css和html代码，但是如何做到呢？

---

任何示例，教程？

您可以使用Facebook Javascript SDK来实现这一点（请参阅）。您需要了解可以从Javascript SDK查询的Graph API（请参阅）。在Facebook的文档中，有大量的示例代码。玩得开心

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

下面介绍如何使其安全：

我强烈推荐Discus的同事们对一切都有一个很好的概述。虽然它不会为您的SDK/小部件的制作提供一个神奇的解决方案，但它会帮助您实现防弹。这是一个很好的参考，如果简短/简洁的话，并且代码绝对不适合JavaScript初学者

至于Facebook是如何做到这一点的，虽然它没有完全描述他们的iframe/widget方法，但它展示了他们如何在非标准网页中进行防弹嵌入：

为了获得额外的奖励积分，将其与iOS 6结合使用，如果内存对我有好处的话，除了iOS 6之外，其他所有版本都应该去掉加载微调器

有关更高级的iframe乐趣，请参阅和其他幻灯片/帖子。（我想有一天我会见到本，因为我最近从他那里借了很多东西，而他是一个加拿大同胞。）

---

请注意，无缝iframe作为一种本机浏览器概念，仅限于webkit且存在缺陷：（在Firefox上，开发因11年前的错误而停止？），因此在可预见的未来，iframe定制将需要JavaScript.）

你的意思是如何通过javascript提供html？与本地相同。只需像平常一样编写小部件（使用HTML、CSS和JS），然后使用

iframe

将其嵌入其他页面，或者使用JS使用ajax获取数据，并使用小部件将

style

和

script

元素附加到页面中。嗨，DMCS我不是说如何使用facebook小部件，而是像facebook那样创建我自己的自定义小部件：）是的，这些链接会让你达到目的。快乐编码！这将创建一个facebook小部件，我想创建我自己的小部件而不是facebook小部件。好的，对不起，我最初不理解你的问题。你能澄清一下你想做什么吗？我想做我自己的自定义小部件，这样其他开发者就可以在他们的网站上使用我网站上的内容。我还可以注意到，在未来，我怀疑我们都会使用HTML5 Web组件来做这类事情，尽管目前本地实现还很少。最近，我一直在羡慕dart的web_ui，不过……你发布的链接真的帮了我的忙，你还有什么吗？@marflar我可以接着说，“easyXDM”让在IE6-7中使用Flash进行postMessage风格的iframe到家长的交流成为可能，但如果你能帮上忙的话，尝试将您的小部件设计为优雅地回退到静态iframe内容，因为easyXDM太昂贵（以位为单位）而无法加载。对于真正的隔离+速度，考虑父级中的SRC较少的IFRAME，加载和管理“视图”中的所有窗口小部件操作（如嵌入在页面上的IFRAMS）（如G+），并且如果可能的话，尝试像Angular.js这样的现代JS框架。