Question

由于清单版本2的内容安全策略，我无法在Chrome扩展选项页面添加类似facebook的按钮。

以“google.com”的相似按钮为例。我按照facebook dev centre上的说明添加了

<div id="fb-root"></div>
<script type="text/javascript" src="js/facebook-jssdk.js"></script>

<div class="fb-like" data-href="http://www.google.com" data-send="true" data-width="450" data-show-faces="false" data-font="arial"></div>

进入options.html;并添加了

(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 = "https://connect.facebook.net/en_GB/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

进入js / facebook-jssdk.js;并添加了这一行

"content_security_policy": "script-src 'self' https://connect.facebook.net; object-src 'self'",

进入manifest.json

打开文件时，我可以让facebook按钮正常工作：//home/options.html。但是，当通过chrome：// extensions打开它时，按钮不会显示。

我该怎么做才能获得按钮？

谢谢。

Answer 1

更简单的解决方案是使用iframe而不是他们的javascript sdk。唯一的缺点是你将无法包含“发送”按钮。

在code generator上，取消选中发送按钮。
点击获取代码。
从 IFRAME 标签中复制代码。

在chrome扩展选项页面上添加facebook like按钮

1 个答案: