javascript - Facebook FB.ui 不工作

Question

我对 FB.ui 进行的任何调用都没有执行任何操作。在 Chrome 上，如果 'display' 属性设置为 'iframe' 或 'dialog'，则会触发以下错误:

阻止了来源为“https://www.facebook.com”的框架访问来源为“http://my.domain.com”的框架。请求访问的帧协议(protocol)为“https”，被访问的帧协议(protocol)为“http”。协议(protocol)必须匹配。

Firefox 和 IE 都没有在控制台中显示任何内容，但是也没有任何反应。因此，我不太确定这是否是一个真正的 XSS 问题。作为记录，整个网站都在 HTTP 上运行，我没有明确指定任何 HTTPS 查询。

源码如下:

window.fbAsyncInit = function() {
    FB.init({
        appId      : XXXXXXXXX,
        status     : true, 
        cookie     : true,
    });

    FB.Event.subscribe('auth.logout', function(response) {
        window.location.reload();
    });

    window.selectedFacebookFriends = [YYYYYYYYY];

    window.inviteFacebookFriends = function() {
        FB.getLoginStatus(function(response) {
            if (response.status === 'connected') {
                to = window.selectedFacebookFriends.join(',');
                FB.ui({
                    method: 'apprequests',
                    message: 'Join ZZZZZZZZZ, it\'s cool there!',
                    to: to
                }, function(response) {});
            }
        });
    }
};

// Load the SDK asynchronously
(function(d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/all.js";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

我尝试了 FB.ui 的许多其他方法，并更改了所有参数，直接从控制台调用它，但这没有帮助。

Facebook 登录以及我使用 FB.api 尝试过的所有图形请求都完美运行。问题似乎出在 FB.ui 或其实现上。

我在这个网站上发现了很多类似的问题，但我遇到的解决方案都没有解决这个问题。

预先感谢您的帮助，如果我忘记了任何相关信息，请不要犹豫。

Answer 1

如果您想要一个弹出对话框，并且遇到了这个问题，请确保在 fb.ui 中明确指定 display: 'popup'。