多窗口Chrome打包应用？

Question

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

Answer 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中的窗口进行通信。