Question

我知道facebook不允许iframe用于未经授权的应用程序，但我无法显示：'page'也可以使用FB.ui。唯一有效的显示模式是弹出窗口。登录和FB.ui对话框都被弹出窗口拦截器阻止，即使他们正在使用facebook登录的其他所有网站上工作。即使用户单击调用FB.login和FB.ui函数，弹出窗口阻止程序也会启动。这真的非常烦人。所以请帮帮我。

<html>
<head>
</head>
<body>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js">
</script>
<script>
function xyz() 
{
FB.init({ 
appId:'113381182103752', cookie:true, 
status:true, xfbml:true, oauth:true     
});
FB.getLoginStatus(function(response) {
if(response.status=="connected")
{
document.getElementById("status").innerHTML="User is connected";
}
else if(response.status=="unknown")
{
FB.login(function(response) {
if(response.authResponse)
{
var token = response.authResponse.accessToken;
document.getElementById("tokendiv").innerHTML=token;
}
});
document.getElementById("status").innerHTML="User is logged out";
}
else if(response.status=="not_authorized")
{
FB.ui({
client_id: '113381182103752',
method: 'oauth',
redirect_uri: 'http://127.0.0.1:8888/test3.php',
response_type: 'token',
display: 'page'
});    
document.getElementById("status").innerHTML="User is connected but app is not authorized";
}
else
{
document.getElementById("status").innerHTML="Error";
}
});
}
</script> 
<div id="tokendiv"></div>
<div id="status"></div> 
<button onclick="xyz()">Click Here</button>
</body>
</html>

Answer 1

这里有两个问题：

1）显示：由于安全性（点击劫持和网络钓鱼），方法的'popup'是必需的：'oauth'或FB.login for javascript SDK。我建议无论如何都要使用FB.login获取权限或进行身份验证，因为它更方便。

2）您的弹出窗口被浏览器阻止，因为FB.login深深嵌套在您的javascript调用堆栈中，尽管用户已启动。它必须是用户启动的，并尝试重新设计代码，以便FB.login不嵌套。

Answer 2

尝试使用FB.login代替FB.getLoginStatus或代替FB.ui来处理弹出窗口。

FB.login(function(response) {
  if (response.authResponse) {
    // user is logged in and has permissions
  }
}, {scope:'email'});

Facebook显示：“页面”无法使用FB.ui，弹出窗口被浏览器阻止

2 个答案: