文章/答案/技术大牛

发布

社区首页 >问答首页 >Facebook共享按钮不会在Chrome中显示

问Facebook共享按钮不会在Chrome中显示
EN

Stack Overflow用户

提问于 2013-09-17 06:52:19

回答 2查看 8.6K关注 0票数 3

我正在购买一个rails应用程序，我很难在Chrome或Firefox中显示Facebook的共享按钮。它在IE和Safari中显示得很好。“相似”和“登录”按钮在所有浏览器中都能正常工作。我搜索过网络，但找不到任何有用的东西。

在我的每一页上

<!-- Facebook SDK -->
<div id="fb-root"></div>
<script>
window.onload = function()
{
  // Additional JS functions here
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'XXXXXXXXXXXXXXX', // App ID
      channelUrl : '//localhost:3000/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

  (function(d){
   var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
   if (d.getElementById(id)) {return;}
   js = d.createElement('script'); js.id = id; js.async = true;
   js.src = "//connect.facebook.net/en_US/all.js";
   ref.parentNode.insertBefore(js, ref);
  }(document));

}

在我希望共享按钮出现的页面上，我有

<fb:share-button type="button_count"></fb:share-button>

根据Adam的建议，我创建了一个HTML文件。出现THe登录按钮，但共享按钮不显示

<!DOCTYPE HTML>
<HTML xmlns:fb="http://ogp.me/ns/fb#">
<HEAD>
   <TITLE>Untitled HTML Document</TITLE>
</HEAD>

<BODY BGCOLOR="white">
<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&appId=MY_APP_ID"; // APP ID
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

</script>
FB
<fb:share-button type="box_count"></fb:share-button> <br>
<div class="fb-login-button" data-width="200"></div>
</BODY>
</HTML>

javascript

facebook

google-chrome

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-09-18 06:28:32

看来问题是我用本地主机作为我的网址。我更改了/etc/host文件，使fakeurl.com指向127.0.0.1，现在它运行良好。

票数 5

Stack Overflow用户

发布于 2013-09-17 08:30:03

将xmlns:fb="http://ogp.me/ns/fb#"添加到<HTML>标记中：

<html xmlns:fb="http://ogp.me/ns/fb#">

更改您的<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&appId=YOUR_APP_ID"; // APP ID
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

现场演示

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18843103

复制

相似问题

问Facebook共享按钮不会在Chrome中显示
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Facebook共享按钮不会在Chrome中显示EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Facebook共享按钮不会在Chrome中显示
EN