Javascript 需要使用FB.Canvas.setSize调整Facebook应用程序和页面选项卡高度的帮助吗_Javascript_Facebook_Facebook Javascript Sdk

Javascript 需要使用FB.Canvas.setSize调整Facebook应用程序和页面选项卡高度的帮助吗

javascript facebook

Javascript 需要使用FB.Canvas.setSize调整Facebook应用程序和页面选项卡高度的帮助吗,javascript,facebook,facebook-javascript-sdk,Javascript,Facebook,Facebook Javascript Sdk,我想在页面加载时自动调整Facebook应用程序高度和页面选项卡高度，但它不起作用我肯定有一些简单的事情我做错了，但我无法识别下面是我正在使用的简化代码：（++++表示剪切代码） ++++ ++++ init（{appId:'++++'，状态：true，cookie:true，xfbml:true}）； FB.Canvas.setSize（）；提前谢谢更新：在设置，高级，画布设置，画布高度下，我选中了固定选项。（据我所见，不再有可设置的选项，可能它已被重命名。）我调用该方法时，我

我想在页面加载时自动调整Facebook应用程序高度和页面选项卡高度，但它不起作用

我肯定有一些简单的事情我做错了，但我无法识别

下面是我正在使用的简化代码：（

++++

表示剪切代码）


++++
++++
init（{appId:'++++'，状态：true，cookie:true，xfbml:true}）；
FB.Canvas.setSize（）；

提前谢谢

更新：

在

设置

，

高级

，

画布设置

，

画布高度

下，我选中了

固定

选项。（据我所见，不再有

可设置的

选项，可能它已被重命名。）

我调用该方法时，我的应用程序已完全加载

从一个小调查中，我可以看到应用程序高度和页面标签高度一开始就是正确的大小，然后几乎立即增加到高度

1200px

。（并且我的

固定高度设置为600px
）
更新：在iframe代码上显示以下内容：
。如您所见，它显示的高度为1200px；

，这似乎是问题所在

更新：应用程序默认为“我的应用程序设置”中设置的大小，然后立即调整为

1200px

。即使我删除了Facebook代码以更改应用程序和页面选项卡高度，也会出现这种情况

有什么建议吗？谢谢。首先，请确保在应用程序设置中将画布高度设置为“可设置（默认值：800px）”，否则它将不起作用

那么，你的应用程序在你调用该方法的时候已经完全加载了吗（关于所有可能影响页面高度的图像、css等）

否则，您可以尝试FB.Canvas.setAutoGrow–它会定期检查页面高度并调整iframe高度。

首先，请确保在应用程序设置中将画布高度设置为“可设置（默认值：800px）”，否则它将不起作用

那么，你的应用程序在你调用该方法的时候已经完全加载了吗（关于所有可能影响页面高度的图像、css等）

否则，您可能会尝试FB.Canvas.setAutoGrow–它会定期检查页面高度并调整iframe高度。

我遇到过这种问题，无法在FB页面内调整页面选项卡的大小。在我的情况下，我在我的网站页面中做了以下更改，我希望将其作为选项卡呈现在我的FB页面上：

<html>
<head>
    <script type="text/javascript">
        window.fbAsyncInit = function()
        {
            FB.Canvas.setSize();
        }
    </script>
</head>

<body>
    ......
    ......
    ......
    <div id="fb-root"></div>
    <script type="text/javascript" src="http://connect.facebook.net/de_DE/all.js"></script>
    <script type="text/javascript">
        FB.init({
        appId: 'Your_App_Id', 
        status: true, 
        cookie: true, 
        xfbml: true
        });
        FB.Canvas.setAutoGrow();
    </script>
</body>
</html>


window.fbAsyninit=函数（）
{
FB.Canvas.setSize（）；
}
......
......
......
FB.init({
appId:'你的应用程序Id'，
状态：正确，
曲奇：是的，
xfbml：对
});
FB.Canvas.setAutoGrow（）；

希望能对您有所帮助。

我在调整FB页面内的页面选项卡大小时遇到了此类问题。在我的情况下，我在我的网站页面中做了以下更改，我希望在我的FB页面上呈现为选项卡：

<html>
<head>
    <script type="text/javascript">
        window.fbAsyncInit = function()
        {
            FB.Canvas.setSize();
        }
    </script>
</head>

<body>
    ......
    ......
    ......
    <div id="fb-root"></div>
    <script type="text/javascript" src="http://connect.facebook.net/de_DE/all.js"></script>
    <script type="text/javascript">
        FB.init({
        appId: 'Your_App_Id', 
        status: true, 
        cookie: true, 
        xfbml: true
        });
        FB.Canvas.setAutoGrow();
    </script>
</body>
</html>


window.fbAsyninit=函数（）
{
FB.Canvas.setSize（）；
}
......
......
......
FB.init({
appId:'你的应用程序Id'，
状态：正确，
曲奇：是的，
xfbml：对
});
FB.Canvas.setAutoGrow（）；

希望它能对您有所帮助。

您必须检查画布是否加载了

FB.Canvas.setDoneLoading（）

FB文档：

您必须检查画布是否加载了

FB.Canvas.setDoneLoading（）

FB文档：


#换行{宽度：600px；高度：390px；填充：0；溢出：隐藏；}
#边框{宽度：800px；高度：520px；边框：1px纯黑；}
#框架{
变焦：0.75；
-moz变换：比例（0.75）；
-moz变换原点：0；
-o变换：标度（0.75）；
-o变换原点：0；
-webkit变换：比例（0.75）；
-webkit转换原点：0；
}


#换行{宽度：600px；高度：390px；填充：0；溢出：隐藏；}
#边框{宽度：800px；高度：520px；边框：1px纯黑；}
#框架{
变焦：0.75；
-moz变换：比例（0.75）；
-moz变换原点：0；
-o变换：标度（0.75）；
-o变换原点：0；
-webkit变换：比例（0.75）；
-webkit转换原点：0；
}

在

设置

，

高级

，

画布设置

，

画布高度

下，我选中了

固定

选项。据我所知，不再有

可设置的

选项，可能它已被重命名。我调用该方法时，我的应用程序已完全加载。我将尝试

FB.Canvas.setAutoGrow

现在开始并报告。感谢您的帮助！运气不好，但通过一点调查，我可以看到应用程序高度和页面选项卡高度从一开始就变成了正确的大小，然后几乎立即增加到高度

1200px

。有什么建议吗？ThanksIt是这样的：。看起来像当我加载时，它不会立即出现，但随后它突然（实际上是立即）变成这样：，除了它是iframe本身扩展到

1200px

。如果你需要Facebook本身的示例，请告诉我，我会设置一个。再次感谢链接（格式错误）（由于某些原因，仍然无法格式化它们，但以下是正确的URL）：1）jsiddle.net/MrJasonzF/9juDk/embedded/result/2）jsiddle.net/MrJasonzF/DWsfW/embedded/result/Under

Settings

，

Advanced

，

画布设置

，

画布高度

，我选中了

固定

选项。据我所见，不再有可设置的

选项，大概是ren
FB.Canvas.setDoneLoading( function(response) {
    console.log(response.time_delta_ms);
    FB.Canvas.setAutoGrow();
});

<style>
#wrap { width: 600px; height: 390px; padding: 0; overflow: hidden; }
#frame { width: 800px; height: 520px; border: 1px solid black; }
#frame {
    zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
}
</style>