Question

<html>
 <head>
   <title>Fluid Width HTML Example </title>
 </head>

 <body style="margin:0; padding:0; border:0; background-color:#000000;width:1500px">

    <div id="fb-root"></div>
            <script>
              window.fbAsyncInit = function() {
                 FB.init({
                   appId  : 'xxxxxxxxxxxxx',
                  status : true, // check login status
                  cookie : true, // enable cookies to allow the server to access the session
                  xfbml  : true,  // parse XFBML
                   // channelUrl  : 'http://www.yourdomain.com/channel.html', // Custom Channel URL
                   oauth : true //enables OAuth 2.0
                });

                FB.Canvas.setSize({width:1200});

               };

              (function() {
                var e = document.createElement('script');
                e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
                e.async = true;
                document.getElementById('fb-root').appendChild(e);
              }());
            </script>

     <div id="allContent" style="background-color: #0000FF; height:50%;width:100%">
        <div id="output" style="color: #FFFFFF;" />
     </div>

  </body>
</html>

我想将我的画布页面宽度扩展到1200，但我的代码似乎无法正常工作，因为画布宽度仍为760（我确实将Canvas Width设置为Canvas设置中的流体），有谁能告诉我什么我犯过的错误？我的代码如下： -

谢谢大家，祝你有个愉快的一天。

Answer 1

SetSize尚未弃用，但SetAutosize具有。

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

但是，似乎有一个错误，其中SetSize和SetAutoGrow无法正常工作，详细信息可以在这里找到：http://developers.facebook.com/bugs/322561887802154。这一切都令人沮丧！

Answer 2

我认为setSize已被弃用，尝试使用autoGrow并使用CSS设置页面的宽度。

window.fbAsyncInit = function () {
     FB.init({
         appId  : 'xxxxxxxxxxxxx',
         status : true, // check login status
         cookie : true, // enable cookies to allow the server to access the session
         xfbml  : true,  // parse XFBML
      // channelUrl  : 'http://www.yourdomain.com/channel.html', // Custom Channel URL
         oauth : true //enables OAuth 2.0
      });

        FB.Canvas.setAutoGrow(true);
    };

然后你可以在你的CSS中将你的身体宽度设置为1200。

Answer 3

大多数人忘记设置他们的安全https：

Page Tab URL:            http://...
Secure Page Tab URL:     https://...

检查您的网址，以防万一

FB.Canvas.setSize不起作用

3 个答案: