iPad Safari 主屏幕网站卡在 Facebook 登录

Posted

技术标签:

【中文标题】iPad Safari 主屏幕网站卡在 Facebook 登录【英文标题】:iPad Safari Home Screen website gets stuck on Facebook Login 【发布时间】:2012-06-28 14:54:25 【问题描述】:

我有一个使用 javascript SDK 的网站,并且我有一个调用 FB.login() 的 facebook 登录按钮,它会打开一个新选项卡供用户登录。

该网站针对 iPad 进行了优化,我为该网站制作了一个主屏幕条目,以便可以全屏查看,就像这篇文章中提到的那样: http://www.viaboxxsystems.de/html-fullscreen-apps-for-the-ipad

我的问题是,只有在主屏幕启动的全屏版本中,当我点击登录按钮时,我看到一个白屏,或者我得到登录详细信息屏幕(但在这种情况下,点击“登录In" 也会导致白屏),因此我走到了死胡同。

如何才能让 Facebook 登录通过并成功重定向回我的网站?

【问题讨论】:

【参考方案1】:

Apple’s documentation 表示,

当您使用此独立模式时,Safari 不用于显示 Web 内容 — 具体而言,屏幕顶部没有浏览器 URL 文本字段或屏幕底部的按钮栏。

在我看来,这也可能会影响打开弹出窗口的能力。如果是这种情况,您也许可以改用服务器端身份验证流程。

【讨论】:

Facebook 登录弹出窗口有时会出现,就像我说的那样。弹出窗口本身确实有效。或者也许弹出窗口实际上接管了他们的开启窗口,当它们关闭时,我什么都没有了? 好吧,如果你说一般工作中的弹出窗口,应该很容易证明或驳回这一点:打开你自己的弹出窗口,在里面点击一下,然后让它自己关闭——是您从那里打开弹出窗口的原始页面吗?

以上是关于iPad Safari 主屏幕网站卡在 Facebook 登录的主要内容,如果未能解决你的问题,请参考以下文章

当人们将我的移动网站保存到他们的主屏幕时,我该如何做到这一点,它会删除像 Kahoot.it 这样的 Safari?

iPad 远程调试

iPad、Safari 浏览器中出现异常边距

ipad浏览器全屏隐藏状态栏

如何使用 iOS 13 在 iPad/iPhone 上隐藏页面缩放栏

如何使网站主屏幕友好?