31

我正在开发的网站有一个 Facebook 登录选项，但最近有用户报告说它不适合他们。我禁用了我的扩展等，我在控制台中收到了这个错误：

Blocked a frame with origin "https://www.facebook.com" from accessing a frame 
with origin "http://static.ak.facebook.com".  The frame requesting access has 
a protocol of "https", the frame being accessed has a protocol of "http". 
Protocols must match.

有没有我可以提供给 API 的选项，让它在相同的协议上工作？仅供参考，主要网站在 HTTP（无 S）上运行。

这特别奇怪，因为它似乎突然停止工作（但这可能一直是一个问题，因为我是新手并且正在学习这个系统）。

我的页面底部有这段代码：

<div id="fb-root"></div>
<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId  : ..., // App ID
            status : true, // check login status
            cookie : true, // enable cookies to allow the server to access the session
            xfbml  : true,  // parse XFBML
            channel: '//...mychannel.../channel'
        });

        FB.Event.subscribe('auth.authResponseChange', function(fbResponse) {
            // function that logs in user
        });
    };

    // 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 = "//connect.facebook.net/en_US/all.js";
        ref.parentNode.insertBefore(js, ref);
    }(document));
</script>
4

4 回答 4

6

如果您没有加载 javascript sdk 异步，您可能会经常看到此错误。

参考：https ://developers.facebook.com/docs/javascript/quickstart

此外，如果您通过 iframe 代码使用任何 Facebook 插件，请确保 src url 协议匹配。

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    // init the FB JS SDK
    FB.init({
      appId      : 'YOUR_APP_ID',                        // App ID from the app dashboard
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel file for x-domain comms
      status     : true,                                 // Check Facebook Login status
      xfbml      : true                                  // Look for social plugins on the page
    });

    // Additional initialization code such as adding Event Listeners goes here
  };

  // 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'));
</script>
于 2013-06-06T07:36:47.490 回答
3

我在我的开发环境中遇到了同样的问题。解决步骤（不确定是哪一个）：

  1. 退出应用程序。
  2. 从浏览器中删除所有 cookie。
  3. 以目标用户身份登录 FB（不是开发人员页面，而是用户应用权限页面）。
  4. 从 FB 权限页面删除应用程序权限。
  5. 退出FB。
  6. 重新加载应用程序并尝试登录。

除非我花了几个小时在上面，否则我不会以这样的巫术回答来回答，并且会重视任何形式的巫术来让我摆脱它。

于 2013-07-19T13:37:27.937 回答
1

我一直遇到这个问题...
我的解决方案：
将您的 facebook 调用移动到静态页面...

(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/pt_BR/all.js#xfbml=1&appId=IDDDD";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

设置一个ajax回调：

try{setTimeout(FB.XFBML.parse);}catch(e){}

快乐的 ：）

jQuery 示例：

$(document).ajaxComplete(function(){
            try{
                setTimeout(FB.XFBML.parse);
            }catch(ex){}
        });
于 2013-06-12T12:40:22.020 回答
-3

对于它的价值，我设法通过转换为 HTTPS 来解决这个问题（这是我本来应该做的）。

于 2013-10-04T18:39:37.000 回答