Kiosk / Chrome App全屏加载

时间:2016-09-29 09:30:50

标签: javascript android css google-chrome google-chrome-app

我制作了一个镀铬APP及其处于自助终端模式。我希望它一发布就能全屏显示。这是我的背景JS:

chrome.app.runtime.onLaunched.addListener(function() {
var options = {
'id': 'Book A Table App',
'bounds': {
'width': 1200,
'height': 768
   }
};
chrome.app.window.create('application.html', (options));
    window.fullscreen()
});

出于某种原因,当我改变它们的值时,宽度和高度不会改变任何东西。我的application.html里面有一个webview,可能与它有关。

我也有一个application.js,也许我应该使用?目前它只是控制一个按钮。

window.onload = function() {
document.querySelector('#close').onclick = function() {
window.close();
};
}

我的清单:

{
"update_url": "https://clients2.google.com/service/update2/crx",

"name": "Book a Table App",
"version": "1.0",
"manifest_version": 2,
"icons": {
"128": "logo.png"
},
"app": {
"background": {
  "scripts": [ "background.js" ],
  "persistent": false
}
},
"permissions": [
"webview"
],
"kiosk_enabled": true
}

1 个答案:

答案 0 :(得分:0)

  

由于某种原因,当我改变它们的值时,宽度和高度不会改变任何东西。

那是因为你有一个id集。在这种情况下,Chrome会记住窗口的最后位置/大小,并始终会恢复它们;您提供的值是一次性“默认”,并且无法以编程方式清除保存的值。

如果您想完全控制它,则无法使用id(或者不能在应用启动之间重复使用它)。

  

我希望它一启动就全屏显示。

阅读the documentation似乎不是你已经做过的事情;你应该。

chrome.app.windows.create可以通过一个属性实现您想要的效果。

var options = {
  'id': 'Book A Table App',
  'bounds': {
    'width': 1200,
    'height': 768
  },
  'state': 'fullscreen'
};

请注意,您需要"fullscreen"权限才能执行此操作。