2

如果他们已经登录到 FB，我希望我的 FB 应用程序能够自动获取有关用户的信息。在 chrome 中，以下代码可以完美运行并获取请求的信息。但是，在 Internet Explorer 和 Firefox 中，以下代码仅在我添加 FB.login(); 时才有效。进入 window.fbAsyncInit 函数。这会导致每次访问我不想要的页面时都会加载一个弹出窗口。通过使用警报来测试我的代码，我确定 FB.Event.subscribe 函数甚至没有在 IE 和 FF 中被调用，但在 Chrome 中运行良好。为什么这在 IE 和 FF 中表现不同，我怎样才能让它正常工作？

 (function(d){
       var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
       if (d.getElementById(id)) {return;}
       js = d.createElement('script'); js.id = id; js.async = true;
       js.src = "//connect.facebook.net/en_US/all.js";
       ref.parentNode.insertBefore(js, ref);
     }(document));

// Init the SDK upon load
window.fbAsyncInit = function() {
   FB.init({
      appId      : 'ID', // App ID
      channelUrl : 'Channel Path', // Path to your Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true,  // parse XFBML
      oauth      : true,
      frictionlessRequests: true
   });

  // listen for and handle auth.statusChange events
   FB.Event.subscribe('auth.statusChange', function(response){
      console.log(response);
      if (response.authResponse) {
        // user has auth'd your app and is logged into Facebook
         FB.api('/me', function(me){
            if (me.name) {
               userID = me.id;
            }
         });
         document.getElementById('auth-loggedout').style.display = 'none';
         document.getElementById('auth-loggedin').style.display = 'block';
      }else {
         // user has not auth'd your app, or is not logged into Facebook
         $('#auth-displayname').html('');
         document.getElementById('auth-loggedout').style.display = 'block';
         document.getElementById('auth-loggedin').style.display = 'none';
      }
   });
}
4

1 回答 1

2

auth.statusChange 仅在您已登录 facebook 时才被调用。

我相信你正在 chrome 上进行测试，所以你很可能已经登录。但是当你去 firefox 或 IE 并且你没有登录时，auth.statusChange 永远不会被调用

通过在 chrome 上登录 facebook 进行测试，你会发现它在那里也不起作用。

因此，您必须在页面加载后立即对 FB.getLoginStatus() 进行显式调用以初始化内容，并监听 statusChange 以了解将来的更改：

FB.getLoginStatus(function(response){
  if (response.authResponse) {
    // user has auth'd your app and is logged into Facebook
     FB.api('/me', function(me){
        if (me.name) {
           userID = me.id;
        }
     })
    }
 });

// listen for and handle auth.statusChange events
FB.Event.subscribe('auth.statusChange', function(response){
  if (response.authResponse) {
     document.getElementById('auth-loggedout').style.display = 'none';
     document.getElementById('auth-loggedin').style.display = 'block';
  }else {
     // user has not auth'd your app, or is not logged into Facebook
     $('#auth-displayname').html('');
     document.getElementById('auth-loggedout').style.display = 'block';
     document.getElementById('auth-loggedin').style.display = 'none';
  }

});

于 2012-10-25T23:06:15.183 回答