Question

我刚刚开始使用Facebook SDK，我正在尝试使用一个抓取用户名和朋友列表的脚本。这是我正在使用的初始化代码：

window.fbAsyncInit = function()
{

    console.log("initialising");
    FB.init(
    {
      appId      : 'APPID',
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      oauth      : true, // enable OAuth 2.0
      xfbml      : false // dont parse XFBML
    });


    FB.getLoginStatus(function(response) {
        if (response.status === 'connected') {
            console.log("RESPONSE IS CONNECTED!");
        } else if (response.status === 'not_authorized') {
            console.log("NOT AUTHORIZED");
        } else {
            console.log("NOT LOGGED IN");
            FB.login();
        }
    });


};

(function(d, s, id){
 console.log("Loading SDK!");
 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";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

我在脚本标记之外的文档顶部有一个fb-root元素。大约一半的时间，SDK加载正常，我在控制台中看到初始化和连接的消息。但是，另一半的时间，我只看到“正在加载SDK”消息而没有别的，我认为这意味着SDK无论出于何种原因都未正确加载。我也注意到它加载到页面的导航，但很少刷新。

我的问题是：导致SDK无法加载的原因是什么？如何解决问题？

Answer 1

根据Facebook最新的documentation关于使用Facebook JavaScript SDK的信息，异步包含SDK的方法已经更新：

(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));

对于我来说，为什么与您的方法相比，这会更加可靠，但我可以说这是我在我的网站上使用的，而且我没有遇到任何间歇性问题，

Facebook Javascript SDK未加载

1 个答案: