Facebook Auth Dialog(JS)没有出现在IE&铬

时间:2012-01-18 17:53:15

标签: javascript-events facebook-authentication

我目前正在开发一个Facebook应用程序(这不是我的第一个),我遇到了一些或很多问题。

index.php文件包含基于$ _GET ['page']变量的内容。 (例如'step1','step2')。

在'step2'上,有一个上传视频的表单。该字段有一个onChange()事件,它触发了这段代码:

function submitForm() {
  console.log('submitting...');
  FB.login(function(response) {
  if (response.authResponse) {
   console.log('Welcome!  Fetching your information.... ');
   FB.api('/me', function(response) {
     console.log('Good to see you, ' + response.name + '.');
     jQuery('#fuserid').val(response.id);

     jQuery('#uploadForm').submit();
     jQuery('.formContent').hide();
     jQuery('.loader').show();
   });
  } else {
   console.log('User cancelled login or did not fully authorize.');
   window.location = "index.php?page=contest&error=not_authenticated&signed_request=" + "<?php echo $_REQUEST['signed_request']; ?>"
  }
  }, {scope: 'email,user_birthday,publish_stream,user_likes'});
}

在Firefox中,这与它应该完全一样。 在任何Internet Explorer版本中,Facebook-Authentification弹出窗口都没有打开,也没有提交表单或任何内容。 除了开发者工具[来自IE的那些]被激活和打开时 - 在这种情况下,一切都可以在IE中使用。

Chrome很简单,有时弹出窗口没有打开,我收到以下错误消息:

> Unsafe JavaScript attempt to access frame with URL
> https://www.facebook.com/dialog/permissions.request from frame with
> URL
> http://mydomain.at/myapp/index.php?page=contest&signed_request=XXXX

我做了一些研究,研究告诉我$ channelUrl应该解决这个问题。 这是我的fb.init的代码:

<div id="fb-root"></div>
<script>
(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/de_DE/all.js#xfbml=1&appId=<?php echo $appID; ?>";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript">
  window.fbAsyncInit = function() { 
    FB.init({ 
      appId      : '<?php echo $appID; ?>', // App ID 
      channelUrl : 'http://mydomain.at/myapp/channel.html', // Channel File
      status     : true, // check login status 
      cookie     : true, // enable cookies to allow the server to access the session 
      oauth      : true, // enable OAuth 2.0 
      xfbml      : true  // parse XFBML 
    }); 

    // Additional initialization code here  
    window.setTimeout(function() {
      FB.Canvas.setAutoResize();
    }, 150);
  };
</script>

为什么这个Authentification-Popup在IE中不起作用,有时仅在Chrome中工作? 为什么Developer-Tools会改变IE的行为以至于一切都有效?

1 个答案:

答案 0 :(得分:1)

对于IE,问题可能在于“console.log(...)”:console.log仅在打开Developer Tools时可用。您应该将其注释掉,或使用回退功能进行记录。