Facebook Share 按钮不会显示在 Chrome 中
Facebook Share button won't display in Chrome
我正在构建一个rails应用程序,但我无法在Chrome或Firefox中显示Facebook Share按钮。 它在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>
根据亚当的建议,我创建了一个HTML文件。 出现登录按钮,但共享按钮没有
<!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>
看起来问题出在我使用本地主机作为我的网址上。 我更改了我的/etc/hosts 文件,以便 fakeurl.com 指向 127.0.0.1,现在工作正常。
将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'));
现场演示
相关文章:
- 是什么让一个“;Uncaught RangeError:超过了最大调用堆栈大小“;错误(Chrome,在其他浏览器中显示
- Chrome显示错误与文本包装
- Chrome 显示未定义密钥代码
- 强制 Chrome 显示格式为树结构的 Json 响应
- Chrome 显示“访问控制允许来源”错误
- 谷歌chrome显示AJAX文件上传错误
- Chrome显示截断的对象原型名称
- Chrome显示html太晚了
- Chrome显示'URL'想要使用您的麦克风
- Chrome显示不好
- ie浏览器显示警告值“未定义”;但火狐和chrome显示出了实际价值
- Chrome显示“资源被解释为脚本,但以MIME类型text/plain传输”.,没有服务器
- 是什么触发android chrome显示“使页面适合移动设备”?面板
- Chrome显示自适应图像和宽度的百分比正确,Firefox没有
- 停止chrome显示下拉列表时,单击一个选择
- 为什么chrome显示弹出警告:;您所做的更改可能尚未保存"在每个页面出口
- 我如何编程强制Chrome显示PDF文件在一个新的选项卡
- Chrome显示网页的来源,而不是应用程序的布局
- 如何在最新版本的chrome显示画布对象
- Chrome:显示base64图像时内存泄漏