如何解决FB.login对话框在Google Chrome上不会关闭
| 我在应用程序中的点击事件上呼叫ѭ0。该对话框会按预期方式弹出,但是当用户完成登录Facebook(和/或授权应用程序)后,该对话框不会关闭。相反,它将加载白页(在对话框内部),并且标题更改为XD代理。 这仅在Google Chrome浏览器上发生(我使用的是Windows 7现在提供的最新版本)。 如果Chrome处于隐身模式,则不会发生这种情况。 fb-login“社交插件”在Chrome上可以正常运行。 为了进一步测试/调试,我创建了一个具有原始设置的新Facebook应用。我所做的唯一更改是在应用程序设置中设置了网站URL。您可以使用此处的HTML代码来重新创建此错误。 重新创建问题的示例代码<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">
<title>Chrome Bug Test</title>
</head>
<body>
<button onclick=\"dologin()\">Login using Facebook</button>
<div id=\"fb-root\"></div>
<script src=\"http://connect.facebook.net/en_US/all.js\"></script>
<script>
FB.init({
appId : \'[YOUR APP ID HERE]\',status : true,// check login status
cookie : true,// enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
</script>
<script type=\"text/javascript\">
function dologin(){
FB.login(function(r){
if(console && console.log) {
console.log(r);
}
});
}
</script>
</body>
</html>
我尝试更改的Facebook设置
设置站点域并没有做任何更改。
使用自定义的channelUrl和频道文件也没有帮助。
Facebook跟踪的相关错误
http://bugs.developers.facebook.net/show_bug.cgi?id=14789
https://github.com/facebook/connect-js/issues/269
http://bugs.developers.facebook.net/show_bug.cgi?id=12112
http://developers.facebook.com/bugs/278247488872084
堆栈溢出的相关问题
带FB连接的空白弹出窗口
Facebook的连接空白弹出铬
在Chrome和Safari中重定向Facebook Connect登录
https://stackoverflow.com/questions/4423718/blank-page-with-fb-connect-js-sdk-on-after-permission-request
Facebook Connect在Internet Explorer 8中登录时显示空白弹出窗口
在IE中使用Fb.login时,Facebook登录弹出窗口保持打开状态
JS SDK FB.login()有效,但登录后弹出对话框保持打开状态
通过Chrome Web Store安装页面时,Facebook登录名会挂在“ XD代理”上
XD代理Facebook
XD_Proxy弹出窗口不会关闭
我已经看到很多人遇到过这个问题,但是令我感到困扰的是我还没有找到具体的解决方案。 Facebook尚未回应错误报告。一种解决方案是摆脱基于Java的身份验证代码,而仅使用服务器端机制(Facebook PHP SDK)来实现。由于时间限制,我想避免这种情况。
任何人都有解决此问题的想法吗?
解决方法
我收到了与“ 0”类似的调用,以通过更改关闭对话框
onclick=\"dologin()\"
至
onclick=\"dologin(); return false;\"
,考虑到这篇文章的年代,我想海报已经解决了这个问题。但是,鉴于这也是其他人寻求解决类似问题的资源,因此我认为我会总结自己的经验,以防万一。
我发现导致我出现相同问题症状的原因是,偶然忘记了在jQuery的\“ click \”侦听器处理程序中包含event.preventDefault();
。 Facebook登录对话框弹出,允许我登录但没有消失。问题是该网站正在执行默认的表单发布操作,这会干扰facebook的回调功能。
,我有同样的问题。我做了两件事,首先我在FB.init()
调用之前添加了这一行:
FB.Flash.hasMinVersion = function () { return false; };
然后,我进入FB应用页面并添加了站点域(即test.com)。
我认为站点域设置是关键,但是我不是100%积极的。我所知道的是,现在似乎所有浏览器(包括Chrome)始终关闭。
,有关上述问题的简短答案:
在https
上加载all.js
脚本。
<script src=\"https://connect.facebook.net/en_US/all.js\"></script>
如果要解决与原始问题类似的问题,请更长的答案:
使用Google Chrome浏览器尝试登录。登录并在屏幕上悬挂空白弹出窗口后,按F12键。这将调出Chrome开发人员工具。单击控制台选项卡,希望您会看到此错误。您可能会看到的与XD(跨域)问题有关。
即使您的特定问题与我遇到的问题不同,以上内容也应带您正确的方向。
我的问题/解决方案特定于Facebook C#SDK v6文档-教程代码使用以//开头的URL加载all.js脚本-然后从与我的网站相同的方案(即http)中加载脚本。登录后,弹出窗口尝试将我从https Facebook登录重定向到我的http网站和bingo,我们遇到了XD问题。解决方案是从https://connect.facebook.net/en_US/all.js专门加载脚本,如下所示:
// Load the SDK Asynchronously
(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 = \"https://connect.facebook.net/en_US/all.js\";
ref.parentNode.insertBefore(js,ref);
}(document));
编辑:
经过一番考虑之后,这种允许重定向到http的方法可能会允许其他人读取该请求中的数据然后重新使用它们,从而可能会损害系统的安全性。我找不到任何相关的文档或示例,因此无法以一种或另一种方式总结YMMV。
,在FB.init
之后调用此代码段为我解决了此问题。但是其他解决方案似乎也适用于不同的情况。
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
if ($.browser.chrome || $.browser.msie) {
FB.XD._origin = window.location.protocol + \"//\" + document.domain + \"/\" + FB.guid();
FB.XD.Flash.init();
FB.XD._transport = \"flash\";
} else if ($.browser.opera) {
FB.XD._transport = \"fragment\";
FB.XD.Fragment._channelUrl = window.location.protocol + \"//\" + window.location.host + \"/\";
}
,我在IE9中也遇到过同样的问题,它似乎源于升级到Flash Player10。建议的答案对我来说已经行不通了,因为找到了一个打开的bug,我对尝试修复它失去了希望。在Facebook上报道。但是,亨森(Henson)对类似的问题发表了答案,为我解决了这个问题。在网站主站中的JavaScript中,我删除了以下几行
FB.UIServer.setLoadedNode = function (a,b) {
//HACK: http://bugs.developers.facebook.net/show_bug.cgi?id=20168
FB.UIServer._loadedNodes[a.id] = b;
};
现在可以了。 (注:我没有检查IE8是否发布这些行是为了克服退货。)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。