1

アプリをテストしていますが、ページのタブにないときは問題ありません。520pxよりも広くする必要があります。まず、これは適切な高さを設定するための html のコードです。

window.fbAsyncInit = function () {
        FB.init({
            appId: '1428427990741852', 
            status: true,
            cookie: true,
            xfbml: true
        });

        FB.Canvas.setSize({ height: 1100 });
    };

    // Load the FB 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));

高さはアプリのiframe

<iframe class="smart_sizing_iframe noresize" frameborder="0" scrolling="yes" id="iframe_canvas" name="iframe_canvas_fb_https" src='javascript:""' height="1100" webkitallowfullscreen="" mozallowfullscreen="" oallowfullscreen="" msallowfullscreen="" allowfullscreen="" style="height: 1100px;"></iframe>

iframeここで、アプリがページ内に (タブとして) 読み込まれた後に同じことを確認すると、結果は次のようになります。

<iframe name="app_runner_fb_https53cc3ca1018792924747227" id="app_runner_fb_https53cc3ca1018792924747227" style="width: 520px; height: 1100px;" frameborder="0" src="https://s-static.ak.facebook.com/platform/page_proxy/hv09mZVdEP8.js#app_runner_fb_https53cc3ca1018792924747227" class="noresize"></iframe>

ご覧のとおり、520px の幅が自動的に設定されています。
プロパティを YES に変更しようとしたCanvas Fixed Widthので、アプリの幅は 760px に設定されていますが、まだ 520px の幅になっています。

また、コード内で幅の px を強制しようとしましたFB.Canvas.setSize({ width:760, height: 1100 });が、それでも 520px のままです。

ここでは、アプリが単独でタブとして表示されます。
ありがとう。

TAB
単独

PS。これが価値があるかどうかはわかりませんfbootstrapが、760/520px グリッド システムを使用していますが、fb の iframe 自体とは何の関係もないと思います。

4

1 に答える 1

1

「プラットフォーム」として追加したアプリ設定のページタブの設定を確認します ( https://developers.facebook.com/apps/[your-app-id]/settings/ )。「Wide Page Tab?」というテキストのスイッチがあります。それを「YES」に切り替えると、タブは810pxになります。

于 2014-07-20T22:54:58.377 に答える