Facebook按钮未显示

因此，我尝试了各种解决方案，为我的facebook页面添加一个like按钮，通过网站（本地，未发布）访问。但由于某些原因，所有的解决方案都不起作用。下面是我在空白html文件中尝试的代码。我所说的空白是指标题、标题和正文都是空的，除了正文部分下面的代码

<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/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/ResumeBuildingVolunteering" data-send="false" data-width="450" data-show-faces="true"></div>

（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/en_US/all.js#xfbml=1”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

在关闭

标记之前，应将此脚本放在HTML的底部。原因是，当它被调用时，它解析页面并呈现Facebook的元素。如果它被过早地调用，比如在您的例子中，这个元素将不会被找到（因为它们还不存在），因此不会被呈现。另一个选项是仅在DOM就绪后使用jQuery

$（function（）{…}调用脚本

或通过其他技术，或使用FB页面的异步加载，如explain

此脚本应该放在HTML的底部，就在它关闭

标记之前。原因是，当它被调用时，它会解析页面并呈现Facebook的元素。如果它被过早调用，比如在您的情况下，将找不到这些元素（因为它们还不存在）因此没有呈现。另一个选项是仅在DOM准备好后调用脚本，使用jQuery

$（function（）{…}

或其他技术，或者使用FB页面的异步加载，如explain

，因为您正在本地系统上工作

//connect.facebook.net/en_US/all.js#xfml=1

将不起作用。这是因为该链接是一个“协议相对URL”，它接受您正在使用的当前协议

因此，如果您在Mac上本地工作，该URL将在

file:///en_US/all.js#xfbml=1

不会显示任何内容。您需要将url更改为

---

http://connect.facebook.net/en_US/all.js%23xfbml=1&status=0

因为您正在本地系统上工作

//connect.facebook.net/en_US/all.js#xfml=1

将不起作用。这是因为该链接是一个“协议相对URL”，它接受您正在使用的当前协议

因此，如果您在Mac上本地工作，该URL将在

file:///en_US/all.js#xfbml=1

不会显示任何内容。您需要将url更改为

---

http://connect.facebook.net/en_US/all.js%23xfbml=1&status=0

我也遇到了同样的问题。请先尝试使用实际的按钮div，如下所示：

<div class="fb-like" href="https://www.facebook.com/mypage"> </div>

注意https上的s

---

它对我有效。

我也有同样的问题。请先尝试使用实际的按钮div，如下所示：

<div class="fb-like" href="https://www.facebook.com/mypage"> </div>

注意https上的s

---

它对我起了作用。

它的局部性可能是问题的事实它的局部性可能是问题的事实