Question

我有一个带有Facebook登录按钮的基本HTML页面。下面的ID是我在开发人员门户中创建的应用程序的ID。当我运行此页面时，它只显示文本“使用Facebook登录”而不是实际按钮。我知道它没有成功初始化SDK，但我不知道发生了什么。有什么想法吗？

 <html>
    <head>
      <title>My Facebook Login Page</title>
    </head>
    <body>
      <div id="fb-root"></div>
      <script>
        window.fbAsyncInit = function() {
          FB.init({
            appId      : '232894623452511',
            status     : true, 
            cookie     : true,
            xfbml      : true,
            oauth      : true,
          });
        };
        (function(d){
           var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
           js = d.createElement('script'); js.id = id; js.async = true;
           js.src = "//connect.facebook.net/en_US/all.js";
           d.getElementsByTagName('head')[0].appendChild(js);
         }(document));
      </script>
      <div class="fb-login-button">Login with Facebook</div>
    </body>
 </html>

Answer 1

您的代码似乎有效。请参阅此处运行的代码示例：http://jsfiddle.net/dmcs/HXRUv/3/

Answer 2

您可能需要检查浏览器插件。我的Chrome只显示文字，但它没有跟踪我的插件，Firefox工作正常。

Facebook JS SDK - 登录按钮集成

2 个答案: