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



我做了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>

创建一个本地internet服务器,如Xampp, Wamp等

然后你必须在开始正文标签

之后写
<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>
<<p> 护理/strong>: js。src必须是https://connect.facebook.net/en_US/sdk.js
______ no//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>

将您的代码复制到本地文件中,并使用XAMPP运行它,它工作得很好。

当它在JSfiddle上运行时,查看控制台,它抛出了一些错误:

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

我建议他们的安全设置阻止它在那里运行。你是不是在其他地方试过了,但它不起作用?

最新更新