在移動設備瀏覽器中無法打開Facebook請求對話框

Question

我在使用移動設備瀏覽器的網站上遇到了問題。 問題的解決方案是，我們正在顯示通過我的應用程序登錄的用戶朋友。 並且在該用戶名附近，當用戶單擊該邀請按鈕時，我們給了一個邀請按鈕，該用戶將打開Facebook申請對話框。 在那我通過了用戶facebook用戶ID。 以下是我的代碼段。

FB.ui(
{ 
method: 'apprequests', message:'test message', to: 100007452844315, data: 'send-to-one-42' }, function(response) { if(!response.error_code && response.error_code!=4201) { $("#invite_"+arrId[1]).html("Invited"); $("#invite_"+arrId[1]).addClass("invited"); return false; }}

在所有桌面瀏覽器上都可以正常工作，但是當我在移動設備（android，iphone）中打開此頁面時，此功能無法正常使用。如何解決此問題？

Answer 1

僅當您設置了android應用程序或ios應用程序時，它才起作用。，因為在移動設備上看不到Facebook應用程序。

Answer 2

我有完全相同的問題，只是我能夠“打開” ipad和ipod上的請求對話框。

沒有js調試（我做了很多工作，包括刪除FB以外的所有外部庫）。

在iPhone上，我有一個空白頁...但是有我網站的源代碼！ 有趣的是，我以為:)對話實際上是“開放的”，但不可見（哦，痛苦...）

這是怎么回事：我們overflow: hidden body標記上的內聯overflow: hidden集。 當您調用apprequest對話時，它會向主體添加fb_hidden類，內容如下：

-webkit-transform: none;
height: 100%;
margin: 0;
overflow: visible;
position: absolute;
top: -10000px;
left: 0;
width: 100%;

由於overflow:visible現在已被內聯樣式覆蓋，因此請猜測發生了什么:)->空白頁！

為什么這似乎只是在iphone上是一個問題，而不是在iPad和iPod上仍然是我的一個謎...（也許有人可以對此有所了解？）

所以要么刪除overflow: hidden從身體標記或覆蓋類fb_hidden與overflow:visible!importent的伎倆，現在我們有一個功能（AHM ...可見）apprequest對話。

希望對您有所幫助！