2

我想将我的 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 没有断开连接。

就是这样，有什么想法吗？

先感谢您！

4

1 回答 1

0

有完全相同的问题。在这里找到了解决方案： http ://brianmayer.com/2012/12/building-a-chrome-extension-that-c​​onnects-to-a-facebook-app/

于 2013-09-19T03:29:11.547 回答