Question

我正在尝试将消息从我的内容脚本传递到我的后台页面。执行内容脚本时会发生此错误：

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"});
 });

的manifest.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"
    ]
}

这些是google文档中的示例，因此应该工作。

有任何帮助吗？我完全迷失了。

Answer 1

问题是由于您对脚本执行环境的误解造成的。有关详细信息，请阅读Chrome extension code vs Content scripts vs Injected scripts。确切地说，您使用this method形式在网页上下文中执行代码。网页无法访问chrome.extension API。

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

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();

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

Answer 2

sendRequest和onRequest是deprecated。您需要使用sendMessage和onMessage。

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

消息在Chrome扩展程序中传递问题

2 个答案: