FB.login对话框在Google Chrome上不会关闭

如何解决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 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-