【发布时间】：2013-05-09 01:52:06
【问题描述】：
我想将我的 Chrome 扩展程序与 Facebook 集成，但我无法让 fbAsyncInit 执行。
这是我在我的扩展 (editPage.html) 的 html 上的内容：
<body>
<div id="fb-root"> </div>
<script type="text/javascript" src="js/initializeFacebook.js"></script>
....
</body>
我通过调用打开这个 html：
chrome.tabs.create({
url : chrome.extension.getURL('editPage.html'),
selected : true
}, function(tab) {
});
这是 initializeFacebook.js 中的内容（取自此文档：https://developers.facebook.com/docs/reference/javascript/）
( 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_US/all.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.fbAsyncInit = function() {
console.log('lala');
// init the FB JS SDK
FB.init({
appId : 'XXXX',
status : true,
xfbml : true
});
FB.ui({
method : 'feed',
name : 'The Facebook SDK for Javascript',
caption : 'Bringing Facebook to the desktop and mobile web',
description : ('Description'),
link : 'https://developers.facebook.com/docs/reference/javascript/',
picture : 'http://www.fbrell.com/public/f8.jpg'
}, function(response) {
if (response && response.post_id) {
alert('Post was published.');
} else {
alert('Post was not published.');
}
});
};
这是我的 manifest.json 中与 Facebook 相关的内容：
"content_security_policy": "script-src 'self' https://connect.facebook.net; object-src 'self'",
发生的事情是打开了editPage.html页面，并且在标题上我实际上有这个：
<script id="facebook-jssdk" src="https://connect.facebook.net/en_US/all.js"></script>
所以 SDK 在那里...我猜...但是 console.log('lala') 从未显示，我无法触发 fbAsyncInit。控制台上也没有显示任何错误。
我禁用了所有其他 Chrome 扩展程序以确保 Facebook 没有断开连接。
就是这样，有什么想法吗？
提前谢谢你！
【问题讨论】：
标签： google-chrome-extension facebook-javascript-sdk