如何让自定义小部件像facebook社交插件？

如何使我自己的部件就像Facebook一样？ https://developers.facebook.com/docs/guides/web/#plugins 如何让自定义小部件像facebook社交插件？

基本上它有点javascript，css和html代码，但怎么做呢？任何示例，教程？

2012-01-05 001

你的意思是你如何通过javascript提供html？你会在本地的方式相同。 – 2012-01-05 01:13:23

只需像使用HTML，CSS和JS一样对代码部件进行代码编写，然后使用iframe将代码嵌入到其他页面中，或者使用JS通过Ajax获取数据并追加'style'和'script'元素您的小部件需要使用该小部件的页面。 – powerbuoy 2012-01-05 06:12:11

-1

您可以使用Facebook Javascript SDK来完成此操作（请参阅https://developers.facebook.com/docs/reference/javascript/）。您需要了解您可以从Javascript SDK中查询的Graph API（请参阅https://developers.facebook.com/docs/reference/api/）。在Facebook的文档中，有大量的示例代码。玩的开心！

来源

2012-01-05 03:13:14 DMCS

嗨，DMCS我不是说如何使用Facebook小部件，但创建自己的像Facebook一样的自定义小部件已经做到了:) – 001 2012-01-06 10:10:43

是的，这些链接会让你到那里。快乐的编码！ – DMCS 2012-01-06 15:21:19

这将创建一个Facebook小部件，我想创建我自己的小部件不是一个Facebook小部件。 – 001 2012-01-08 03:38:21

看看这里了解如何使用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/

来源

2012-04-16 08:54:45 gang

我强烈建议Third Party Javascript (Manning)来自Disqus的伙计们可以对一切进行全面的了解。虽然它不会为您的SDK/Widget制作提供魔术弹头解决方案，但它会帮助您随时随地获得防弹功能。这是一个很好的参考资料，如果简短，并且代码绝对不适合JavaScript初学者。

至于Facebook的是怎么做的，虽然它不能完全描述他们的iframe中/小工具的方法，这说明他们是如何做到防弹在非标准的网页上嵌入：

对于额外的奖励积分，结合这与http://www.phpied.com/non-onload-blocking-async-js/和它应该摆脱除iOS 6以外的所有加载微调，如果内存为我服务。

对于更高级的iframe乐趣，请参阅https://github.com/benvinegar/seamless-talk以及其他任何幻灯片/帖子http://benv.ca/。（我想我有一天会想见见Ben，因为他最近从他那里借了多少东西，而且他是加拿大的同伴开机。）

请注意，作为原生浏览器概念的无缝iframe ，仅限于webkit和bug：https://bugs.webkit.org/show_bug.cgi?id=99289（在Firefox上，dev由于11年前的bug而停止？https://bugzilla.mozilla.org/show_bug.cgi?id=631218）因此，在可预见的未来，iframe自定义将需要JavaScript。 :)

来源

2012-10-16 22:23:51

我还可以注意到，在未来，我怀疑我们都将使用HTML5 Web Components来实现这种功能，尽管目前本地实现的内容远不及其中。最近我一直在dart的web_ui上羡慕不已...... – 2013-06-17 14:08:48

你发布的链接对我真的有帮助，你有没有更多？ – stephenmurdoch 2013-09-12 20:25:13

@marflar我可以通过说“easyXDM”使IE6-7中的postMessage风格的iframe到父代通信成为可能，但如果可以帮助它，请尝试设计您的小部件，以便平稳地回退到静态iframe内容因为easyXDM的加载成本太高（以比特为单位）。为了实现真正的隔离+速度，请考虑父页面中无src的iframe，它可以跨页面嵌入的“视图”类iframe加载和管理所有小部件操作（如G +），并且如果可能的话尝试使用现代JS框架，如Angular.js 。 – 2013-09-13 14:49:38

如何让自定义小部件像facebook社交插件？

回答

相关问题