javascript - FB.login() 没有被调用

Question

我已经设置了 sdk，按钮会触发 checkLoginState 函数，但 FB.login 不会被调用。我正在使用最新版本(v2.9)。我也尝试过使用 2.8。

我猜这与异步有关，但我不知道下一步该做什么。

代码:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'xxxxxxxxxxx',
      status : true, 
      cookie : true, 
      xfbml      : true,
      version    : 'v2.8'
    }); 
  };

  (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";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

<fb:login-button onlogin="checkLoginState();" show-faces="false" scope="email,public_profile" width="400"></fb:login-button>

<script type='text/javascript'>

    function checkLoginState() {
      FB.getLoginStatus(function(response) {
        statusChangeCallback(response);
      });
    }

    function statusChangeCallback(response) {
        if (response.status !== 'connected'){
            Facebook_login();
        }
        else{
            console.log(response);
        }
      }

    function Facebook_login() {

        FB.login(function (response) {  <--- debugger comes here
            if (response.status === 'connected') { <----- but not here :-(
                //do stuff
            }

        });
    }

Answer 1

登录按钮自行执行登录，使用该按钮时您不必自己调用FB.login。

FB.login 适用于您想要使用您自己的链接/按钮来触发登录的情况。

<小时/>

而您调用它的方式，在异步方法的回调函数内，它很可能会被浏览器的弹出窗口阻止程序阻止。如果您使用 FB.login，那么您应该只在直接用户交互(即单击链接/按钮)时调用它，而不是将其嵌套到任何异步回调中。