Facebook アプリの設定ページでiFrameサイズ: Auto-resize指定できるのがキャンバスページのみだったので、iframe化したページタブでは高さ800px固定かと思ったんですが、どうやらできるみたいです。
キャンバスページと同様にjsを読み込んでfb-root指定のdivを用意しときます。
fb-root無いとエラー出ます。
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>
<div id="fb-root"></div>
で、ページのロード後に下記のように初期化してリサイズ設定でOKです。
FB.init({
appId : '1234567890',
status : true, // check login status
cookie : true, // enable cookies
xfbml : true, // parse XFBML
logging : true
});
FB.Canvas.setAutoResize();
これでiframe内のコンテンツのサイズが変わると自動でリサイズしてくれるようになりました。
キャンバスページと何も変わらなかったです。
任意のタイミングで
FB.Canvas.setSize({ height: 10000 });
を実行してサイズを指定するのも問題なくできました。
参考リンク
