javascript - "TypeError: Cannot read property ' 在后台页面查询 ' of undefined"的 chrome.tab.query

Question

我使用此代码来获取所有打开的选项卡 URL:

function setPhone(phone) {
    chrome.tabs.query({
    }, function (tabs) {
        var tabURL = tabs[0].url;
        console.log(tabURL);
    });
}

这是开始监听 TCP 套接字的扩展的一部分。当建立连接并收到命令时，调用 setPhone 函数。该函数在事件中被调用:

function onAcceptCallback(tcpConnection, socketInfo) {
    var info = "[" + socketInfo.peerAddress + ":" + socketInfo.peerPort + "] Connection accepted!";
    log.output(info);
    console.log(socketInfo);
    tcpConnection.addDataReceivedListener(function (data) {
        var lines = data.split(/[\n\r]+/);
        for (var i = 0; i < lines.length; i++) {
            var line = lines[i];
            if (line.length > 0) {
                var info = "[" + socketInfo.peerAddress + ":" + socketInfo.peerPort + "] " + line;
                log.output(info);

                var cmd = line.split(/\s+/);
                try {
                    switch (cmd[0]) {
                        case 'Phone':
                            setPhone(cmd[1]);
                            tcpConnection.sendMessage('+OK-Phone');
                            break;
                        case 'SetClientPage':
                            clientEditPage = cmd[1];
                            tcpConnection.sendMessage('+OK-SetClientPage');
                            break;
                        case 'SetSearchPage':
                            clientSearchPage = cmd[1];
                            tcpConnection.sendMessage('+OK-SetSearchPage');
                            break;
                        default:
                            tcpConnection.sendMessage('+ERR-Comando No Encontrado');
                    }
                    //tcpConnection.sendMessage(Commands.run(cmd[0], cmd.slice(1)));
                } catch (ex) {
                    tcpConnection.sendMessage(ex);
                }
            }
        }
    });
};

最后，这是 list 文件:

{
  "manifest_version": 2,

  "name": "Busca Cliente Lipigas",
  "description": "Esta extension permite recibir un numero de telefono desde el servidor DDE y realizar la busqueda del cliente en la pagina Web de Lipigas.",
  "version": "1.0",

  "permissions": [
    "tabs",
    "background",
    "system.network"
  ],

  "app": {
    "background": {
      "scripts": ["tcp-server.js", "main.js"],
      "persistent": true
    }
  },

  "sockets": {
    "tcpServer": {
      "listen": "*"
    }
  }
}

以上所有内容都会产生错误:TypeError:无法读取未定义的属性“query”

编辑:

为了测试，我在扩展程序启动时放置了查询方法，并出现了相同的错误:

chrome.app.runtime.onLaunched.addListener(function () {

    chrome.tabs.query({
    }, function (tabs) {
        var tabURL = tabs[0].url;
        console.log(tabURL);
    });


    console.log('Aplicación iniciada.');
    startServer('127.0.0.1', 8888);
});

请问有什么帮助吗？ 干杯 海梅

Answer 1

您正在编写一个 Chrome 应用程序，但是 chrome.tabs.* api 只能由 Chrome 扩展程序访问。这就是您收到错误的原因。