为什么我的任何 Facebook 分享按钮都不起作用？

Question

我按照 Facebook 开发人员告诉我的去做。 http://jsfiddle.net/desbest/u44e0802/

<!-- initialise -->

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

<!-- button 1 -->

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

<div class="fb-send" data-href="http://compesh.com" data-font="trebuchet ms"></div>

<!-- button 2 -->

<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/en_GB/sdk.js#xfbml=1&version=v2.3&appId=299539706821986";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button"></div>

Answer 1

将您的代码复制到本地文件中并运行将其与XAMPP结合使用，效果很好。

在 JSfiddle 上运行时，查看控制台会抛出一些错误：

Uncaught SecurityError: Failed to set the 'domain' property on 'Document': Assignment is forbidden for sandboxed iframes.

我建议他们的安全设置阻止它运行ning 在那里。您是否在其他不起作用的地方尝试过？

Answer 2

创建本地互联网服务器，如 Xampp、Wamp 等

那么打开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 = "https://connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>

关心：js.src 必须是 https://connect.facebook.net/en_US/sdk.js
______ 否 //connect.facebook.net/en_US/sdk.js

然后把你的按钮放在任何地方

<div 
  class="fb-like" 
  data-href="http://www.example.com" 
  data-width="200" 
  data-layout="standard" 
  data-action="like" 
  data-show-faces="true" 
  data-share="false">
</div>

为什么我的任何 Facebook 分享按钮都不起作用？

Why don't any of my facebook share buttons work?

facebook

facebook-sharer