4

我正在使用 AngularJS 制作一个 Chrome 打包应用程序，我只是试图从我的后台脚本（“runtime.js”）发送一条消息到我项目中的另一个 javascript 文件。

清单.json

  {
      "name": "App Name",
      "description": "Chrome Packaged",
      "version": "0.0.9",
      "manifest_version": 2,
      "icons": {
        "16": "img/icon16.png",
        "48": "img/icon48.png",
        "128":"img/icon128.png"
      },
      "app": {
        "background": {
          "scripts": ["runtime.js"]
        }
      },
      "permissions": [
        "alarms",
        "storage",
        "unlimitedStorage",
        "notifications",
        "app.runtime"
      ]
    }

运行时.js

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('index.html', {
    minWidth: 400,
    minHeight: 700,
    bounds: {
        width: 1000,
        height: 700
    }
    });    
});

chrome.runtime.sendMessage({message: "hello"}, function() {
    console.log('sent')
});

main.js

chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
    console.log('message received!');
});

我检查后台页面时不断收到的错误是“端口：无法建立连接。接收端不存在。”

关于可能是什么问题的任何想法？谢谢！

4

1 回答 1

7

在发送消息之前，您可能只需要等待 index.html（我假设它正在拉入 main.js）加载。但是，您实际上可以通过从 chrome.app.window.create 返回的窗口对象进行直接函数调用，而不是发送消息。

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('index.html', {
        minWidth: 400,
        minHeight: 700,
        bounds: {
            width: 1000,
            height: 700
        }
    }, function (myWindow) {
        myWindow.contentWindow.addEventListener('load', function(e) {
            myWindow.contentWindow.functionFromMainJs('hello');
        });
    });    
});
于 2013-11-14T18:32:35.520 回答