如何使用Facebook SDK JavaScript测试网页

我在我的登录网页中实现了facebook SDK JavaScript，但我无法测试我的应用程序，我正在使用Sublimitext 2开发我的网页，我知道我的问题的答案是实现web服务，但我不知道实现此服务的最佳形式，也不知道测试facebook SDK JavaScript的最佳解决方案

为了清楚起见，这是我的代码：

index.html ...

---

如果您的意思是从本地文件系统运行此程序，那么您需要更改facebook库url以使用实际协议，否则它将尝试使用

文件：//

，感谢您的贡献，但是我不知道当你提到更改facebook库url以使用实际协议时你指的是什么，如果你能帮助我扩展你的答案真的会很有帮助。

“//connect.facebook.net/en_US/sdk.js”

需要

”http://connect.facebook.net/en_US/sdk.js“

谢谢您的回答，我解决了这个问题，将我的应用程序的本地URL（示例：）添加到开发者Facebook站点中我的应用程序的设置中。

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '364802373701256',
      xfbml      : true,
      version    : 'v2.2'
    });

    FB.getLoginStatus(function(response) {
      if (response.status === 'connected') {
        alert('Logged in.');
      }
      else {
        FB.login();
      }
    });

  };

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

<nav class="navbar navbar-inverse navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Project name</a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <form class="navbar-form navbar-right">

        <button  id="facebookLogin" class="btn btn-primary bt-social form-control" data-provider="facebook">Facebook</button>
        <button href="#" class="btn btn-danger bt-social form-control" data-provider="google">Google+</butt
      </form>                 
    </div><!--/.navbar-collapse -->
  </div>
</nav>
...

$("#acebookLogin").click(function(){
    FB.getLoginStatus(function(response){
        statusChangeCallback(response);
    });
});

function statusChangeCallback(response){
    console.log('statusChangeCallback');
        if(response.status === 'connected'){
            console.log('isConnected');
}
else{
    if(response.status === 'not_authorized'){
        console.log(' The person is logged into Facebook, but not your app');
    }
    else{
        console.log('The person is not logged into Facebook, so we re not sure if they are logged into this app or not');
    }
  }
}