Chrome插件与我的服务器互动

时间:2012-12-03 15:37:57

标签: google-chrome

很多天,他们阅读了数百种方法来帮助我完成我真正需要的工作。根本没有成功。

我需要的是:

1)有一个按钮仅在标签有特定网址时才有效。

2)点击它之后,必须阅读页面的源代码,然后获取它的一些内容以将它们发送到我的服务器页面,以便检查我的数据库中的记录数量(我假设使用AJAX和javascript)。然后,此页面应将其响应发送回扩展程序并填充弹出式html。

我知道这看起来很简单,但如果不是扩展程序所需的代码,我需要工作流程。

非常感谢你!

1 个答案:

答案 0 :(得分:0)

好,所以你可以选择选项卡,它的网址是:

chrome.tabs.getSelected(null,function(tab) {
  workWithUrl(tab.url);
});
...
function workWithUrl(url){
  if (url == ...
     ...
}

为了能够解决此问题,您需要为“标签”添加权限

要处理页面源代码,请将其发送到Web服务并更改popup.html:

var xhr = new XMLHttpRequest();
xhr.open("POST", "__server adress___", true);
//headers   
xhr.setRequestHeader("Content-Type", "application/json");

//response 
xhr.onreadystatechange = function() {
    if (xhr.readyState == 4) {

    //response from service to popup.html
    document.body.innerHTML = xhr.responseText;
    }
}

//process page here 

xhr.send(pageText);

您必须为清单添加服务器地址的权限,并且所有内容都应该从popup.js(或html)执行。