FB.Canvas.setSize() 在 IE 上不起作用答案

【问题标题】：FB.Canvas.setSize() not working on IEFB.Canvas.setSize() 在 IE 上不起作用
【发布时间】：2012-01-12 21:37:14
【问题描述】：

如何解决 IE 上 Facebook 应用的大小调整问题？ FB.Canvas.setSize() 不起作用。

谢谢！

【问题讨论】：

标签： facebook iframe canvas

【解决方案1】：

因为您的问题没有什么可说的。没有示例网址，没有代码示例。我只能猜测。所以从这里开始。

1) 请务必在脚本标签中包含 Javascript SDK。

<script>
  // 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>

2) 确保在 body 中包含 fb-root div

<body>
    <div id="fb-root"></div>
    ...your html here...
</body>

3) 确保在 javascript SDK 有机会加载后执行 FB.init() 和 FB.Canvas.setSize()。意思是在你的 window.fbAsyncInit 内做它

  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });
  };

4) 确保您已指定您的 APP ID 以及有效 ChannelUrl 的正确位置

【讨论】：