如何制作一个在启动时全屏运行的chrome打包应用程序？

Question

目前看来，全屏功能只能通过用户操作(鼠标/键盘事件)激活。有没有办法绕过这一点？

Answer 1

现在，您只需在主.js上添加state:"fullscreen"属性：

chrome.app.runtime.onLaunched.addListener(
    function() {
        chrome.app.window.create('index.html',
            {
                state: "fullscreen",
            }
        );
    }
);

确保没有添加resizable: false或bounds属性，而是在manifest.json上添加了"fullscreen"权限。

{
    ...
    "permissions": [
        ...
        "fullscreen"
    ]
}

Answer 2

您可以使用HTML5 Fullscreen API，这需要用户操作：

button.addEventListener('click', function() {
  document.body.webkitRequestFullscreen();
});

或者更多使用AppWindow对象的"app-y“方式，它不需要用户操作：

chrome.app.window.current().fullscreen();

两者都需要manifest.json中的"fullscreen"权限。

Answer 3

我已经让它与以下代码一起工作

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('index.html', {
    'width': 1024,
    'height': 768
},
function(win) {
    win.maximize();
});
});