Question

我完成了我的作业，并完成了要求我的页面高度设置在我的iFrame中的内容。

它适用于Firefox（至少7+），IE9 不适用于Chrome，Safari，IE8 / 7和Opera ...... http://www.facebook.com/pages/Brunet/190517411026916?sk=app_136821946424212

代码是这样的：

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '136821946424212', // App ID
      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
    FB.Canvas.setSize({width: 520, height: 1625});
  };
  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     d.getElementsByTagName('head')[0].appendChild(js);
   }(document));
</script>

所有的文档和帮助指出这个代码工作......我错过了什么???

Answer 1

您的代码在Chrome中可以正常使用，因此我不确定问题出在哪里。使用onload事件而不是fbAsyncInit：

可能值得尝试不同的安排

<head>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script type='text/javascript'>
window.onload=function() {
  FB.Canvas.setSize({width:520,height:1650});
}
</script>
</head>

页面标签iframe高度只在一半的浏览器中工作

1 个答案: