Facebook JS API无法注销

Question

我有一个localhost网站和脚本FB.logout().在执行某些操作后,它无法将我注销,我在控制台中看到下一条错误消息:

Refused to display 'https://www.facebook.com/home.php' in a frame because it set 'X-Frame-  Options' to 'DENY'.

我搜索了所有StackOverflow,但没有找到任何可行的解决方案.网络检查员在home.php查询附近显示已取消.
所以我理解脚本试图在一个框架中加载Facebook主页,但它不能,因为它是禁止的.那么我该如何解决呢？为什么不logout()适合我？

我的代码

// Facebook Basic Example

window.fbAsyncInit = function() {
  FB.init({
    appId      : '579651098766258',
    status     : true, // check login status
    cookie     : true, // enable cookies to allow the server to access the session
    xfbml      : true  // parse XFBML
  });

  FB.Event.subscribe('auth.authResponseChange', function(response) {
    if (response.status === 'connected') {
      testAPI();
    } else if (response.status === 'not_authorized') {
      FB.login();
    } else {
      FB.login();
    }
  });
};

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



function testAPI() {
  FB.api('/me', function(res) {
    console.log(res);
    setTimeout(function(){
      FB.logout(); // <-- ERROR
    }, 2000);
  });
}

Answer 1

这个解决方案对我有用:

1. 转到facebook应用程序中的"设置"选项卡,然后在"基本"选项卡中滚动到"添加平台"
2. 单击+添加平台,然后选择网站
3. 添加您网站的网址(对我来说,是重定向URI上的高级选项卡上添加的相同网址)
4. 保存更改并再次测试.

我还制作了一个youtube视频来解决这个问题:https://www.youtube.com/watch？v = 7CNpLgwa0-c

Answer 2

我不得不在Facebook的App控制面板的Settings选项卡中设置"App Domains"字段,以便它可以工作:

Answer 3

我不确定你的 HTML 是什么样子的，但对我来说，这适用于我的注销按钮：

onclick="javascript:FB.logout(function() { window.location.reload() }); return false;"

我希望这能帮助别人，至少这解决了我的问题。