Какова максимальная ширина фрейма страницы Facebook? (Июль 2011 г.) - PullRequest
Новая
       33

Какова максимальная ширина фрейма страницы Facebook? (Июль 2011 г.)

6 голосов
/ 26 июля 2011

Какова максимальная ширина фрейма страницы Facebook?

Ответы [ 3 ]

9 голосов
/ 26 июля 2011

Это было 520 пикселей.

Как и в случае с страницей холста, объем пространства, доступного для вашего приложения, ограничен внешним контекстом Facebook.Поскольку ваше приложение также загружается внутри страницы Facebook, пространство меньше (520 пикселей), чем то, что доступно на странице холста.

из документов FB (да, я знаю, что документ о холсте, и в нем упоминаются только iframes, но я не могу быстро найти ссылку на полную документацию iframe)

Важное обновление

30 марта 2012 года Facebook изменил это значение на 810px , чтобы соответствовать новому дизайну временной шкалы.

И вот у вас естьснимок экрана приложения Facebook шириной 810 пикселей.

enter image description here

3 голосов
/ 25 августа 2012

Ширина 810 пикселей . Вам не нужно беспокоиться о полосах прокрутки, если вы используете следующий код ... 

<!--in head section-->
<script type="text/javascript">    
  window.fbAsyncInit = function() {    
    FB.Canvas.setSize();    
  }    
  // Do things that will sometimes call sizeChangeCallback()    
  function sizeChangeCallback() {    
    FB.Canvas.setSize();    
  }    
</script>

<!--at the bottom of your page right before the closing body tag-->

<div id="fb-root"></div>

<script src="http://connect.facebook.net/en_US/all.js"></script>

<script>    
  FB.init({    
    appId : '320332891360172',    
    status : true, // check login status  
    cookie : true, // this allow the server to access the session  
    xfbml : true // parse XFBML    
  });    
</script>
2 голосов
/ 05 апреля 2012

Для дальнейшего использования вы можете установить ширину кадра, которая будет плавать в дополнительных настройках приложения. Это позволяет вам иметь любую ширину для вашего приложения. Смотри http://developers.facebook.com/blog/post/549/

...