自助终端应用全屏

时间:2017-06-30 12:19:21

标签: javascript html google-chrome-app

我已经为Chrome浏览器构建了一个自助服务终端应用程序构建器,但即使做自助服务终端应用程序的关键是它将全屏显示,我也无法摆脱顶部栏(我有删除了主页按钮等,但无法在全屏显示它。我想知道在html或javascript中是否有任何突击队,以及应该添加哪个文件。

在backgroung.js文件中我添加了“state:'fullscreen'这一行,但它不起作用(我还在清单文件中添加了全屏权限):

    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);

1 个答案:

答案 0 :(得分:0)

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

win.fullscreen();

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

如果您在应用程序运行时点击了转义,则可能会返回标题栏,但下次运行时它会再次全屏显示。