0

我正在尝试将消息从我的内容脚本传递到我的背景页面。执行内容脚本时会出现此错误：

Uncaught TypeError: Cannot call method 'sendRequest' of undefined

内容脚本：

function injectFunction(func, exec) {
    var script = document.createElement("script");
    script.textContent = "-" + func + (exec ? "()" : "");
    document.body.appendChild(script);
}

function login() {

    chrome.extension.sendMessage({greeting: "hello"}, function(response) {
        console.log(response.farewell);
    });

    var d = window.mainFrame.document;
    d.getElementsByName("email")[0].value = "I need the response data here";
    d.getElementsByName("passwort")[0].value = "Here too.";
    d.forms["login"].submit();
}

injectFunction(login, true);

背景：

 chrome.extension.onMessage.addListener(
 function(request, sender, sendResponse) {
      if (request.greeting == "hello")
      sendResponse({farewell: "goodbye"});
 });

清单.json：

{
    "name": "Sephir Auto-Login",
    "version": "1.0",
    "manifest_version": 2,
    "description": "Contact x@x.com for support or further information.",
    "options_page": "options.html",
    "icons":{
        "128":"icon.png"
    },
    "background": {
        "scripts": ["eventPage.js"]
    },
    "content_scripts": [
        {
          "matches": ["https://somewebsite/*"],
          "js": ["login.js"]
        }, 
        {
          "matches": ["somewebsite/*"],
          "js": ["changePicture.js"]
        }
    ],
     "permissions": [
        "storage",
        "http://*/*",
        "https://*/*",
        "tabs"
    ]
}

这些是谷歌文档中的示例，因此它们应该可以工作。

有什么帮助吗？我完全迷路了。

4

2 回答 2

2

问题是您对脚本执行环境的误解造成的。阅读Chrome 扩展代码 vs 内容脚本 vs 注入脚本以获取更多信息。准确地说，您正在使用这种方法的一种形式在网页的上下文中执行代码。网页无权访问chrome.extensionAPI。

我建议重写您的代码以不使用注入脚本，因为在这种情况下没有必要。

function login() {

    chrome.extension.sendRequest({greeting: "hello"}, function(response) {
        console.log(response.farewell);
    });

    var d = document.getElementById('mainFrame').contentDocument;
    d.getElementsByName("email")[0].value = "I need the response data here";
    d.getElementsByName("passwort")[0].value = "Here too.";
    d.forms["login"].submit();
}

login();

*仅当框架位于同一原点时才有效。否则，您需要此方法才能正确执行代码。

于 2012-10-08T08:42:23.883 回答
1

sendRequest并且onRequest已弃用。您需要使用sendMessage和onMessage。

此外，您正在向 DOM 注入函数，这使其在内容脚本上下文之外运行，因此chrome.extensionAPI 不再可用于该函数。

于 2012-10-08T08:38:53.337 回答