html5 facebook like 按钮在本地不起作用答案

【问题标题】：html5 facebook like button not working in localhtml5 facebook like 按钮在本地不起作用
【发布时间】：2013-07-30 21:32:04
【问题描述】：

我使用 facebook 开发者页面的配置向导编写代码来插入类似 FB 的按钮。

两种代码（HTML5 和 IFrame）在远程都可以正常工作，但在本地只有 IFrame 可以正常工作，HTML5 按钮不显示。你知道有什么问题吗？谢谢

这是我的代码：

<html>
<head>
</head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/it_IT/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<br>
TEST LIKE HTML5
<br>
<div class="fb-like" data-href="http://www.karimrashid.com/" data-send="false"   data-width="450" data-show-faces="true" data-colorscheme="dark"></div>
<br>
TEST LIKE IFRAME
<br>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F %2Fwww.karimrashid.com&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;font&amp;colorscheme=dark&amp;action=like&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
</body>
</html>

【问题讨论】：

远程托管是否有效？
可能是same origin policy。 Chrome 开发工具或 Firebug 是否显示任何错误？
@SandeepSinghRawat 是的，它可以工作，但我也需要它在本地工作

标签： javascript facebook html

【解决方案1】：

如果有帮助请查看这篇文章

Facebook JS SDK - Login Button Integration

在你可以使用这个脚本之前你不需要做 FB.Init 吗？

【讨论】：

不，我没有。我可以尝试，但我必须在 appId 中输入哪个值？我还没有创建应用，有必要吗？
我认为这是必要的。创建一个非常容易。只需几分钟
它不起作用。但是 appId 是可选的 FB.init
我尝试在 //connect.facebook.net/it_IT/all.js#xfbml=1 之前添加 http: ，结果是空白行来分配我看不到的东西。跨度>
不要认为它适用于 localhost。看到这个stackoverflow.com/questions/10292850/… 还用jsfiddle尝试了你的代码，它看起来很好，所以代码没有问题