根据显示尺寸缩放Chrome应用窗口

时间:2015-07-20 10:53:36

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

我有一个Chrome应用,其定义的窗口大小为1280x720(该应用加载在设置为这些尺寸的远程内容中)

我在background.js文件中使用以下代码(清单中的名称):

chrome.app.window.create('index.html', {
  'bounds': {
    'width': 1280,
    'height': 720
  }
});

但是,在Kiosk模式下在大型电视上(通过ChromeBox)运行应用程序时,由于应用程序无法缩放/缩放,因此右侧和底部都有空间。

如何在不更改电视分辨率的情况下让我的应用程序填满整个屏幕(因为这仅适用于某些设置)?

我还尝试添加"州":"全屏"到了background.js脚本(上图),这在我的电脑上在Chrome浏览器中运行,但由于某种原因无法在ChromeOS上运行。

3 个答案:

答案 0 :(得分:2)

好的,所以我使用了一系列答案让它工作,因此我自己发布了一个答案。

为了让它在ChromeBox和我的电脑上工作,我在backgorund.js文件中使用了以下内容:

chrome.app.window.create('index.html', {
  'innerBounds': {
    'width': 1280,
    'height': 720,
    'minWidth': 1280,
    'minHeight': 720
  },
  'resizable':true,
  'state': 'fullscreen'
});

答案 1 :(得分:0)

我认为这就是你所需要的:

chrome.app.window.create('index.html', {
'bounds': {
'width': 1280,
'height': 720 },
 "resizable": true,
});

如果失败那么我认为您需要使用setMinimumSize并将heightwidth设为minWidth& minHeight

答案 2 :(得分:0)

创建窗口后,检查屏幕边界并相应调整其大小!使用Chrome平台中的window API并根据尺寸进行最大化。