iframe中Facebook应用Canvas的全高

Haf*_*fiz 5 facebook facebook-iframe facebook-graph-api facebook-javascript-sdk

我有问题,我正在使用iframe开发一个Facebook应用程序,即将出现的问题是我的全部内容没有显示.当我通过firebug检查它然后我发现iframe有高度:800px所以我想增加它或动态设置高度.我已经尝试过FB.Canvas.setSize()但它没有用,所以我该怎么办?

Ela*_*hmi 8

在Facebook上的开发者应用程序中,转到应用程序并编辑设置.在Facebook集成部分,您可以设置"IFrame大小"以自动调整大小.然后在你的应用程序中,在FB.init之后调用FB.Canvas.setAutoResize,画布应调整自身大小以自动适应你的内容.

  • 只是添加[文档](https://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoResize/)建议使用`FB.Canvas.setAutoGrow`代替,因为`FB.Canvas.setAutoGrow`是将被删除. (2认同)

Als*_*any 5

只需转到您的应用程序设置更改为自动调整大小

并使用函数FB.Canvas.setAutoResize

作为这个代码

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
 appId  : 'your APP ID Goes Here',
 status : true, // check login status
 cookie : true, // enable cookies to allow the server to access the session
 xfbml  : true// parse XFBML
 });

 FB.Canvas.setAutoResize(7);

 </script>



<?php


for($i=1;$i<100;$i++)
 {

  echo "$i<br>";

  }
  ?>
Run Code Online (Sandbox Code Playgroud)

这将使99行具有自动调整大小