Google Chrome 扩展上的 Facebook 点赞按钮答案

【问题标题】：Facebook Like Button on Google Chrome ExtensionsGoogle Chrome 扩展上的 Facebook 点赞按钮
【发布时间】：2012-04-09 23:28:22
【问题描述】：

我正在尝试在我的扩展程序中添加一个类似 facebook 的按钮。我已经添加了一个 google +1 按钮，但我似乎在使用 facebook 按钮时遇到了一些问题。

这是https://developers.facebook.com/docs/reference/plugins/like/生成的代码（将all.js文件的源改为本地）

<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 = "all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="https://chrome.google.com/webstore/detail/bkonffiagffjhnihbboojciggcplmobc" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>

它根本没有出现在我的扩展程序上，我也不确定为什么。

任何提示都会很棒！

谢谢

【问题讨论】：

标签： facebook google-chrome-extension

【解决方案1】：

我的like按钮的原始src值类似于//connect.facebook.net/en_US/all.js#appId=<number>&xfbml=1。在 chrome 扩展中，此 url 扩展为 chrome-extension://connect.facebook.net/en_US/all.js#appId=<number>&xfbml=1，即 404。简单的解决方法是在原始 src 值前面加上 http 协议 http://connect.facebook.net/en_US/all.js#appId=<number>xfbml=1。

我不知道 all.js 的具体细节，我不能说将它嵌入到你的扩展中是否有用。

（我遇到了同样的问题，并认为我会将我的答案留给其他人。）

【讨论】：