Question

我尝试在我的网站上显示相似的框，但它不会工作。我从https://developers.facebook.com/docs/plugins/like-box-for-pages复制代码，尝试了html5版本，但我什么都没看到。

这是我的代码：

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <title>Gamers Solution</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 = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.0";
          fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>
        <div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>
  </body>
</html>

Answer 1

看起来您在指向sdk.js文件的URL中遗漏了一点：

      js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.0";
      //this equates to file://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.0
      //and will probably not point to the file you're looking for, even if you
      //intended to load the resource from a local source.

应该是：

      js.src = "http://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.0";
      //or if you're using https
      js.src = "https://connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.0";

Answer 2

如果您在＆＃34;直播网站＆＃34;它会奏效。但是，由于您在本地运行它，它会自动附加＆＃34; file：＆＃34;而不是＆＃34; http：＆＃34;。

Facebook Like Box不起作用

2 个答案: