javascript - Facebook 登录按钮不会显示

Question

我去了这个页面:https://developers.facebook.com/docs/facebook-login/web/login-button

我在我的 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/sdk.js#xfbml=1&version=v2.8";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

(正如他们所推荐的，就在 body 标签之后)，然后:

<div class="fb-login-button" data-max-rows="1" data-size="icon" data-show-faces="false" data-auto-logout-link="false"></div>

在页面的任何地方，它都不起作用。该按钮不显示。如果我向其添加红色边框，则会出现一条垂直的红线，表明该按钮未呈现。

我在本地、我的服务器上和代码笔 ( http://codepen.io/jeremythille/pen/EWWRdy?editors=1100 ) 中尝试了不同的选项，但无济于事。

控制台没有错误，网络选项卡没有问题。找到并加载“sdk.js”。

我错过了什么？

Answer 1

您需要先初始化facebook sdk。查看此页面:https://developers.facebook.com/docs/javascript/quickstart