【发布时间】:2013-11-30 15:27:07
【问题描述】:
我已经添加了过去可以在我的最新网站上添加 facebook“like”按钮的代码,虽然它确实显示了 Tweet 按钮,但它不显示 facebook 按钮。
是因为 facebook 不识别和/或不支持 azure 网站吗?
这是我的 HTML/Javascript:
<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 style="display:inline-block;vertical-align:top">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://usamaporama.azurewebsites.net" data-text="Check out this USA map with sports teams, National Parks, and hometowns of authors and musicians" data-via="BClayShannon">Tweet</a>
<script>
!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs');
</script>
</div>
<div style="display:inline-block;vertical-align:top" class="fb-like" data-href="http:/usamaporama.azurewebsites.net" data-send="false" data-width="450" data-show-faces="false" data-font="segoe ui"></div>
更新
Chrome 开发工具控制台显示:“FB.getLoginStatus() 在调用 FB.init() 之前调用。”但我不明白这一点,因为在我的代码中搜索“getLoginStatus”会发现什么都没有,也没有搜索“FB.init”。
【问题讨论】:
-
向我们展示一个测试页面。如果没有比“我无法显示 Like 按钮”更多的证据,没有理由相信 Facebook 不会支持 Azure 托管的网站。
-
在上面的代码中:usamaporama.azurewebsites.net
-
我也遇到了同样的问题。在 Chrome 和 Safari 中显示,但在 Firefox 和 Explorer 中不显示。我什至把页面简化到了骨子里——仅限 FB 之类的盒子。
标签: javascript html facebook-like azure-web-app-service