从Chrome扩展程序中的内容脚本传递消息

时间:2014-02-15 11:00:34

标签: javascript google-chrome-extension content-script message-passing

我想运行一个内容脚本来识别链接到某处的第一个图像并将链接返回到后台脚本。但我不能在他们之间传递任何信息,我不知道为什么。大部分代码都是注释,我试图通过告诉它将第一个头更改为“test”来测试内容脚本是否正在执行(因为我唯一可以做的就是更改页面的HTML和CSS) 。代码如下: 编辑:完整更新的代码

后台脚本:

chrome.browserAction.onClicked.addListener(function () {
chrome.tabs.query({active:true, currentWindow:true}, function(tabs)
{
    chrome.tabs.executeScript(tabs[0].id, {file:"content.js"}, function ()
    {
        console.log("sending first time");
        console.log(tabs[0].id);
        chrome.tabs.sendMessage(tabs[0].id,{test: "test"}, function (response)
        {
            if (undefined == response)
            {
                console.log ("first one didn't work");
                chrome.tabs.sendMessage(tabs[0].id, {test: "test"}, function (response)
                {
                    console.log(response.test);
                });
            }
        });
    });
});
});

内容脚本:

chrome.runtime.onMessage.addListener( function (msg, sender, sendResponse)
{
/*var test1 = document.getElementsByTagName("h1")[0];
test1.innerHTML="test";*/
sendReponse({test: "123"});
/*var parentList =document.getElementsByTagName("a");
var link = "";
var child;
for (var i=2; i<parentList.length;i++)
{
    child=parentList[i].firstChild;
    if ("IMG"==child.nodeName)
    {
        link=parentList[i].href;
        break;
    }
}
teste1.innerHTML=link;
var answer = new Object();
Answer.link = link;
teste1.innerHTML=answer.link;
sendResponse({messager:answer});*/
});

1 个答案:

答案 0 :(得分:0)

我正在扩展页面本身测试扩展程序。但似乎你不能在其中注入javascript(可能是因为它是浏览器的设置页面)。它在其他页面上运行得很好。