chrome 打包的应用程序，使用按钮打开新窗口并与新窗口通信答案

【问题标题】：chrome packaged apps, open new window with button and communicate to the new windowchrome 打包的应用程序，使用按钮打开新窗口并与新窗口通信
【发布时间】：2014-02-18 21:02:00
【问题描述】：

我是 chrome 打包应用程序开发的新手，我需要支持通过从离线打包应用程序窗口单击按钮来创建和打开新窗口并在 2 个窗口之间进行通信。一个例子会很好。

谢谢

【问题讨论】：

创建取决于您是要打开新的浏览器窗口还是应用程序窗口。应用程序窗口没有浏览器用户界面，并包含一个存储在打包应用程序中的 html 页面。
对不起，我想从我的离线打包应用程序中打开一个新的应用程序窗口（它不在浏览器中打开）并在两个窗口之间进行通信。

标签： javascript html google-chrome web google-chrome-app

【解决方案1】：

这应该可以完成工作：

chrome.app.window.create(url, options, function(window){
    //do something with your window
});

url 是 html 页面的 url，相对于您打包的应用程序目录的根目录。文档告诉我们如何处理这些选项：http://developer.chrome.com/apps/app_window.html#method-create

【讨论】：

感谢您的回答。你能告诉我如何将这个添加到按钮吗？在我的 background.js 添加我现在： chrome.app.window.create('newWindow.html', { "bounds": { "left": 100, "top": 200, "width": 240, "height" : 260 } });
要在按钮单击时打开窗口，您必须将代码放在按钮单击的事件处理程序中。我更新了我的答案:)
[link]imgur.com/34OYCFk --> 这里是截图。帮助按钮正在打开新的 app.window。我找到了您的答案的解决方案 --> document.getElementById("helpPage").addEventListener("click", function() { chrome.app.window.create('help.html', { "bounds": { “左”：100，“上”：200，“宽”：240，“高”：260 } }); }, true); --> 现在我需要相同的帮助来在 2 个 app.windows 之间进行通信