如何正确调整 Facebook Canvas 应用程序 (iFrame) 的大小?

2024-01-07

我需要在更新页面内容后调整画布大小。我可以明确地做到这一点

FB.Canvas.setSize({ width: 760, height: 1480 });

但是,如果没有参数,它就无法工作,即.setSize().

另外,我可以通过以下方式调整高度

FB.Canvas.setAutoResize(true);

但只是增加 - 当内容减少时它不会减少高度。

以下几行不起作用:

FB.Arbiter.inform("setSize", FB.Canvas._computeContentSize());
FB.Canvas.setSize(FB.Canvas._computeContentSize());

怎样才能让它发挥作用呢?

关于该主题的更多评论:

  1. http://developers.facebook.com/blog/post/93 http://developers.facebook.com/blog/post/93
  2. http://developers.facebook.com/docs/reference/javascript/fb.canvas.setautoresize http://developers.facebook.com/docs/reference/javascript/fb.canvas.setautoresize

Related:

  1. facebook-api:Facebook Connect 跨域接收者 URL 是什么? https://stackoverflow.com/questions/2585028/facebook-api-whats-facebook-connect-cross-domain-receiver-url
  2. facebook-app:如何更改可调整大小的 iframe 应用程序的高度? https://stackoverflow.com/questions/2562789/facebook-app-how-can-i-change-the-height-of-a-resizeable-iframe-application
  3. 动态设置画布尺寸时,文档高度会随着调整大小而增加 https://stackoverflow.com/questions/2305548/document-height-grows-on-resize-when-setting-canvas-dimensions-dynamically

如何控制 Facebook Canvas 应用程序的大小?


不要编写自己的定时自动调整大小函数。脸书有一个:

FB.Canvas.setAutoResize();

如果您知道何时需要调整其大小,请使用

FB.Canvas.setSize()

因此,如果您想在单击链接时缩小尺寸,请将其粘贴到函数中,然后稍后调用该函数,如下所示:

function sizeChangeCallback() {
    FB.Canvas.setSize();
  }

//start some function or on click event - here i used jquery
$("#something").click(function() {
  sizeChangeCallback()
});

您不需要设置明确的高度,但有时您可能会遇到动态 xfbml 元素(例如评论插件)的问题。尝试使用事件订阅回调:

   FB.Event.subscribe('xfbml.render', function(response) {
    FB.Canvas.setAutoResize();
  });

http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setSize/ http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setSize/

http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoResize/ http://developers.facebook.com/docs/reference/javascript/FB.Canvas.setAutoResize/

http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/ http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何正确调整 Facebook Canvas 应用程序 (iFrame) 的大小? 的相关文章

随机推荐