google-chrome - Multi-Window Chrome Packaged App?

Question

Hello I'm new to chrome packaged apps. How would I create a button image, that when clicked launches a new chrome packaged app window displaying a local html page.

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