0

URL ではなく、ローカル ファイルから Facebook のコメント ページを読み込んでいます。

(理由: モバイル アプリ用であり、複数のコメント ページを作成するためのテンプレート ファイルが必要です)

FB コメントは読み込まれますが、iFrame は常に同じ固定高さであり、ビューが最初のコメントのみに制限されます。私が実行した多くのテストから、これはブラウザーとプラットフォームに依存しない問題です。

html ファイルを自分の Web サイトに追加し、URL としてアクセスすると、完全に機能します。

ソースがローカルファイルであるためにFBコメントのiFrameの高さが固定され、URLの場合は固定されない理由を誰でも明らかにできますか?

<html>
  <head>
    <title>Public Comments</title>
  </head>
  <body>
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
             var js, fjs = d.getElementsByTagName(s)[0];
             if (d.getElementById(id)) return;
             js = d.createElement(s); js.id = id;
             js.src = "http://connect.facebook.net/en_GB/all.js#xfbml=1&appId=XXXXXXXXXXXX";
             fjs.parentNode.insertBefore(js, fjs);
             }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-comments" data-href="http://my-web-site.help/dir/#ALIAS" " data-num-posts="10" data-mobile="true"></div>
  </body>
</html>
4

1 に答える 1

0

ソースがローカルファイルであるためにFBコメントのiFrameの高さが固定され、URLの場合は固定されない理由を誰でも明らかにできますか?

おそらく、サイト内の iframe 要素の高さを調整できるようにするために JS SDK が行う必要があるクロスドメイン通信が、このようなシナリオでは機能しないためです。

于 2013-04-18T09:32:40.140 に答える