多窗口 Chrome 打包应用程序？答案

【问题标题】：Multi-Window Chrome Packaged App?多窗口 Chrome 打包应用程序？
【发布时间】：2013-04-13 10:52:25
【问题描述】：

您好，我是 chrome 打包应用程序的新手。我将如何创建一个按钮图像，单击时启动显示本地 html 页面的新 chrome 打包应用程序窗口。

【问题讨论】：

【解决方案1】：

在您的第一个 html 页面中，只需添加按钮。此外，该页面需要引用 Javascript 文件来添加事件处理程序：

<button id="thebutton">Open a New Window</button>
<script src="script.js"></script>

然后你添加一个事件处理程序到script.js 中的按钮（或任何你命名的脚本页面）：

document.querySelector('#thebutton').addEventListener('click', function() {
  chrome.app.window.create('new.html', {"width":300, "height": 200});
});

如果您需要对该窗口进行沙盒处理（例如，不使用默认的内容安全策略），您需要在manifest.json 中指定页面被沙盒处理：

"sandbox": {
  "pages": ["new.html"]
}

当new.html 被加载时，它将被加载到它自己的源中，它无法访问打开的窗口或高级API。如果您需要沙盒页面使用高级 API 执行某些操作，您可以使用 postMessage 并接收消息以与仍在 CSP 中的窗口进行通信。

【讨论】：