javascript - Facebook "Like"按钮根本不显示

标签 javascript html facebook facebook-like

编码新手,如果这真的很基础,请耐心等待!我正在尝试向我的页面添加一个 Facebook“喜欢”按钮。我完全按照他们在说明网站上的描述复制了代码。我输入了页面详细信息、所需的宽度(它符合他们为我在生成器中选择的功能推荐的限制)等,然后将代码复制/粘贴到我的 html 中。我肯定错过了什么。他们的指示是将其粘贴到 HTML 中,最好就在开头 <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/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

然后他们说将以下内容复制/粘贴到我希望按钮显示的任何位置,我照做了:

<div class="fb-like" data-href="http://www.facebook.com/musicbyava" data-send="true" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>

我刷新页面,插件所在的位置没有任何痕迹。不是一个点,不是一条线,也不是一条错误消息,什么也没有。我缺少什么?提前致谢!

最佳答案

它在本地计算机上不起作用但在服务器上开始神奇地工作的原因是:

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

代码前面的 // 表示浏览器应该使用加载脚本时正在使用的协议(protocol)...所以:

如果您正在运行 http://example.com facebook 将加载一个不安全的,如果您使用 https://example.com然后脚本将从 facebook 的安全服务器加载...

现在,神奇的事情发生了...从本地文件加载时,浏览器将 URL 显示为 file:///C:/mysite,因此浏览器会自动查找名为

file:///connect.facebook.net/....

那不存在,而且失败得很惨

猜猜你上传到服务器后发生了什么???

我会让你解决这个问题...

干杯...

关于javascript - Facebook "Like"按钮根本不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13796099/

相关文章:

ios - Facebook SDK 加载默认图像而不是我个人资料中的图像,为什么?

java - 无法使用网络线程连接到 Facebook

facebook - 我可以使用 UIActivityViewController 在 Facebook 上分享吗?

html - 如何通过 Twitter Bootstrap Button Group 上的 text-* 类对齐文本?

javascript - 查看 CSS 是否为 :invalid selector is currently active in JavaScript

javascript - 切换后菜单消失

javascript - 选择当前聚焦的元素

javascript - 什么可能导致 If 循环不触发视频暂停/播放功能

javascript - 如果没有用户给定的值React如何提交defaultValue

javascript - 如何在cypress中测试 float 对话框?