带有移动 Web 应用程序和 Facebook 连接的空白屏幕答案

【问题标题】：Blank screen with Mobile Web App and Facebook Connect带有移动 Web 应用程序和 Facebook 连接的空白屏幕
【发布时间】：2012-03-31 18:55:59
【问题描述】：

我正在构建一个可以在 iPhone 上全屏打开的网络应用程序，并且正在关注 Facebook 移动网络的代码，可以在以下位置找到：https://developers.facebook.com/docs/guides/mobile/web/

当我尝试使用 Facebook 登录页面登录时，单击“登录”按钮后出现空白屏幕。虽然用户已经登录了。我知道这一点，因为如果我关闭并重新打开网络应用程序，我会检查登录状态并尝试获取一些用户信息，它工作正常。

我在这里看到过同样的人：blank white screen after FB login via web app?

似乎有人找到了解决方法，但我无法让它发挥作用。我使用的代码是：

   function loginUser() {    
     FB.login(function(response) { }, {scope:'email'});    
     }

其他人表示我需要在这里使用解决方法：

login({scope:'email', redirect_uri:'where_to_go_when_login_ends'})

有谁知道如何合并这些代码以使其工作？

谢谢！

【问题讨论】：

如果您使用手机上的 facebook 应用程序登录，请尝试完全关闭它并重试，有时我发现它会混淆。
感谢peterept 的回复，但这似乎不是问题所在。不太清楚这是怎么回事。

标签： iphone ios facebook webview facebook-javascript-sdk

【解决方案1】：

试试this，它对我有用：

FB.login(function(response) {
    //deal with response
}, {scope:'permissions', redirect_uri:'url to redirect to'} );

【讨论】：

我相信这个未记录的功能可能已被 Facebook 删除。我正在使用此解决方法，但它最近停止为我工作，留下空白屏幕。这种替代方法似乎适用于装有 iOS5 的 iPad1：stackoverflow.com/questions/11197668/…

【解决方案2】：

问题在于登录窗口通常以弹出窗口的形式打开。但是，在 (iOS) 网络应用程序中，由于某种原因，这并没有得到适当的支持。

通过提供普通链接而不是 FB 自己的登录 btn 脚本，登录过程保持在同一个窗口内（包括重定向过程！）

我希望这对任何人都有帮助......

<a href="https://www.facebook.com/dialog/oauth/?client_id=YOUR_APP_ID&redirect_uri=YOUR_REDIRECT_URL&state=YOUR_STATE_VALUE&scope=COMMA_SEPARATED_LIST_OF_PERMISSION_NAMES">LOGIN!</a>

【讨论】：