Facebook 设置自动增长以设置画布长度
我试图为我的facebook应用程序实现fluid canvas。我正在使用脚本Facebook 设置自动增长以设置画布长度,facebook,Facebook,我试图为我的facebook应用程序实现fluid canvas。我正在使用脚本 window.fbAsyncInit = function() { FB.Canvas.setAutoGrow(); } 在我初始化我的应用程序之后,它仍然被设置为800px。如何使用此功能?请参阅本页: 如果您知道您的内容将更改大小,但不知道何时更改,则此函数非常有用。会有一点延迟,因此,如果您知道内容更改大小,则应自行调用setSize(并保存用户的CPU周期) 因此,如果您有一些增加高度的javascri
window.fbAsyncInit = function() {
FB.Canvas.setAutoGrow();
}
在我初始化我的应用程序之后,它仍然被设置为800px。如何使用此功能?请参阅本页:
如果您知道您的内容将更改大小,但不知道何时更改,则此函数非常有用。会有一点延迟,因此,如果您知道内容更改大小,则应自行调用setSize(并保存用户的CPU周期)
因此,如果您有一些增加高度的javascript函数,则可以调用setSize方法,否则可以调用setAutoGrow并指定更长或更短的interva,请参阅本页:
Try with following.It will auto resize your iframe.
<html>
<head>
<script src="./includes/js/jquery.min.js"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
window.fbAsyncInit = function(){
FB.init({appId: 'appid', status: true, cookie: true, xfbml: true});
FB.Canvas.setAutoResize();};
function setSize(){
FB.Canvas.setAutoResize();}
</script>
</head>
<body style="overflow: hidden" onload="setSize()">
如果您知道您的内容将更改大小,但不知道何时更改,则此函数非常有用。会有一点延迟,因此,如果您知道内容更改大小,则应自行调用setSize(并保存用户的CPU周期)
因此,如果您有一些增加高度的javascript函数,您可以调用setSize方法,否则setAutoGrow并指定较长或较短的interva尝试以下操作。它将自动调整iframe的大小。
Try with following.It will auto resize your iframe.
<html>
<head>
<script src="./includes/js/jquery.min.js"></script>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<script type="text/javascript">
window.fbAsyncInit = function(){
FB.init({appId: 'appid', status: true, cookie: true, xfbml: true});
FB.Canvas.setAutoResize();};
function setSize(){
FB.Canvas.setAutoResize();}
</script>
</head>
<body style="overflow: hidden" onload="setSize()">
window.fbAsyninit=函数(){
init({appId:'appId',status:true,cookie:true,xfbml:true});
FB.Canvas.setAutoResize();};
函数setSize(){
FB.Canvas.setAutoResize();}
尝试以下操作。它将自动调整iframe的大小。
window.fbAsyninit=函数(){
init({appId:'appId',status:true,cookie:true,xfbml:true});
FB.Canvas.setAutoResize();};
函数setSize(){
FB.Canvas.setAutoResize();}
如果尝试使用流体画布,则无需设置iframe的大小。事实上,你不应该叫它,因为FB中有一个bug;当设置为fluid时,调整iframe大小的调用不应该做任何事情-事实上,情况并非如此,调用确实得到了处理。有一个错误记录在这里:但FB认为这是低优先级(我很恼火!)
为了使油液正常工作,请检查以下文档:
您需要确保页面上的内容容器已按照上面链接的文档页面上的说明将其高度设置为100%。如果您尝试使用流体画布,则无需设置iframe的大小。事实上,你不应该叫它,因为FB中有一个bug;当设置为fluid时,调整iframe大小的调用不应该做任何事情-事实上,情况并非如此,调用确实得到了处理。有一个错误记录在这里:但FB认为这是低优先级(我很恼火!) 为了使油液正常工作,请检查以下文档: 您需要确保页面上的内容容器已按照上面链接的文档页面上的说明将其高度设置为100%。在
标记之前,我编写了以下代码
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId: '<?php echo YOUR_APP_ID ?>',
cookie: true,
xfbml: true,
oauth: true
});
FB.Canvas.setAutoGrow(true);
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
window.fbAsyninit=函数(){
FB.init({
appId:“”,
曲奇:是的,
xfbml:是的,
真的吗
});
FB.Canvas.setAutoGrow(真);
};
(功能(){
var e=document.createElement('script');e.async=true;
e、 src=document.location.protocol+
“//connect.facebook.net/en_US/all.js”;
document.getElementById('fb-root').appendChild(e);
}());
这对我来说很好
在高级应用程序设置中,height
是固定的还是流体的都无所谓
FB.Canvas.setAutoGrow(true)代码>在我的应用程序中不起作用,但我发现我错过了
代码。我只是把它放在
之前,解决了这个问题。在
标记之前,我写了以下代码
<div id="fb-root"></div>
<script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId: '<?php echo YOUR_APP_ID ?>',
cookie: true,
xfbml: true,
oauth: true
});
FB.Canvas.setAutoGrow(true);
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
window.fbAsyninit=函数(){
FB.init({
appId:“”,
曲奇:是的,
xfbml:是的,
真的吗
});
FB.Canvas.setAutoGrow(真);
};
(功能(){
var e=document.createElement('script');e.async=true;
e、 src=document.location.protocol+
“//connect.facebook.net/en_US/all.js”;
document.getElementById('fb-root').appendChild(e);
}());
这对我来说很好
在高级应用程序设置中,height
是固定的还是流体的都无所谓
FB.Canvas.setAutoGrow(true)代码>在我的应用程序中不起作用,但我发现我错过了
代码。我只是把它放在
之前,解决了这个问题。为了可能帮助其他人,请尝试从代码中删除http或https。这是我的(注意ChannelUrl行):
window.fbAsyninit=函数(){
FB.init({
appId:'你的应用程序ID',//应用程序ID
channelUrl:'//WWW.YOURURL.COM/FOLDER',//频道文件
状态:正确,
曲奇:是的,
xfbml:对
});
FB.Canvas.setAutoGrow();
}
在我删除http/https后,它在所有浏览器上都能工作。为了可能帮助其他人,请尝试从代码中删除http或https。这是我的(注意ChannelUrl行):
window.fbAsyninit=函数(){
FB.init({
appId:'你的应用程序ID',//应用程序ID
channelUrl:'//WWW.YOURURL.COM/FOLDER',//频道文件
状态:正确,
曲奇:是的,
xfbml:对
});
FB.Canvas.setAutoGrow();
}
在我删除http/https后,它在所有浏览器上都能正常工作。我可以试试,但文档中说,从明年起,它将过时。所以我要的是t