信息亭应用全屏

Question

我已经使用应用程序构建器为 Chrome 构建了一个 kiosk 应用程序，但即使做一个 kiosk 应用程序的关键是它将全屏显示，我也无法摆脱顶部栏（我有删除了主页按钮等，但无法全屏显示）。我想知道在 html 或 javascript 中是否有任何针对此的突击队，以及应将其添加到哪个文件中。

在 backgroung.js 文件中，我添加了行“状态：'全屏'，但它不起作用（我还在清单文件中添加了全屏权限）：

    var runApp = function() {
  if (chrome.power) {
    chrome.power.requestKeepAwake('display');
  }
  console.log(config);
  chrome.app.window.create(
      config ?
      'exported_app_view.html' :
      'designer_view.html',
      {
        id: 'KioskDesignerWindow',
        width: 1100,
        height: 720,
        minWidth: 800,
        minHeight: 600,
        state: 'fullscreen' 
      },
      function(win) {
        if (!this.X) { return; }
        var window = win.contentWindow;
        window.onload = function() {
          this.$addWindow(window);
          var Y = this.X.subWindow(window, 'Kiosk Designer Window');
          this.DOM.init(Y);
        }.bind(this);
        win.onClosed.addListener(function() {
          this.$removeWindow(window);
        }.bind(this));
      }.bind(this));
}.bind(this);

Answer 1

是的，你可以用 JavaScript 做到这一点。在 background.js 中，chrome.app.window.create 的第三个参数是具有 win 参数的回调函数 - 添加此行：

win.fullscreen();

https://developer.chrome.com/apps/app_window#type-AppWindow

如果您在应用运行时按了退出键，您可能会恢复标题栏，但下次运行时会再次全屏显示。