在iframe中加载facebook popout聊天.. Chrome扩展程序

时间:2011-07-22 06:11:22

标签: javascript jquery facebook google-chrome-extension

我一直试图将Facebook聊天加载到我正常的Facebook页面的一个框架中,以便让我更容易联系我的朋友,我尝试了不同的方法与jquery等,如ajaxing内容并将其加载到div等,但由于某种原因,朋友列表不会像弹出聊天本身那样加载。这是我的代码,也许有人可以提供帮助:

main.js

 $(window).load(function() {
  $('body').append('<iframe id="heyhey" src="presence/popout.php?lite=true"></iframe>');

  $.ajax({
  url: "/presence/popout.php",
  cache: false,
  success: function(html){
  $('#heyhey').contents().find('html').html(html);
  }
});

});

的main.css

#heyhey{ position:absolute;top:20px;left:1px;height:100%;width:222px;} 

和我的清单:

{
  "name": "facebookchat sample",
  "description": "testing out fb chat",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["http://*.facebook.com/*"],
      "css": ["main.css"],
      "js": ["jquery-1.6.2.min.js", "main.js"]
    }
  ]
}

基本上我在左边有一个聊天框架,但没有朋友加载,谢谢你的支持。

1 个答案:

答案 0 :(得分:0)

您想在/presence/popout.php网址中访问哪个网址? 我在Facebook上找不到它。 当然你会创建iframe,但是不允许在内容脚本中请求ajax,你可以连接到你的后台页面(如果你没有,则创建)并让你的ajax请求抛出它。

您可以在Google代码中使用内容脚本检查我的扩展程序。 http://translator-chome-extension.googlecode.com/svn/trunk/

你也可以在Facebook聊天中查看这个。 http://code.google.com/p/fb-chat-client-ext/