javascript - 调整应用程序的画布大小

Question

我们一直在尝试为画布应用程序设置高度，但没有运气。

这是我们正在使用的代码

window.fbAsyncInit = function()
{
// assume we are already logged in
FB.init({appId: '<?=$fb_app_id ?>', xfbml: true, oauth : true,cookie: true});
FB.Canvas.setAutoGrow();
}
function sizeChangeCallback() {
FB.Canvas.setSize({ width: 810, height: 950);
}

我们都尝试了没有 sizechangecallback

我们的设置设置为 Fixed 和 Fixed 950

Answer 1

在应用程序设置中设置固定高度参数后，
您可以调用FB.Canvas.setSize更改页面高度。

如果您的页面高度动态变化，您可以运行FB.Canvas.setDoneLoading
检查 Canvas 是否已加载并运行FB.Canvas.setAutoGrow。

window.fbAsyncInit = function() {
    // assume we are already logged in
    FB.init({ appId: '<?=$fb_app_id ?>', xfbml: true, oauth: true, cookie: true });

    FB.Canvas.setSize({ width: 810, height: 950 });

    FB.Canvas.setDoneLoading( function(response) {
        console.log(response.time_delta_ms);
        FB.Canvas.setAutoGrow();
    });
}

FB 文档：https ://developers.facebook.com/docs/reference/javascript/FB.Canvas.setDoneLoading/