Удаление полноэкранного оформления окна / границы приложения Chrome OS / режима киоска

У меня есть веб-приложение, которое я хочу запустить в режиме киоска на Chromebox. До сих пор у меня все получилось, но я не могу избавиться от надоедливой большой белой рамки вокруг экрана. Скриншот верхнего левого угла экрана (полноэкранный). Я добавил черную рамку, чтобы обвести изображение.

Мое веб-приложение запускается синим цветом, белая граница добавлена ​​Google Chrome.

Мои приложенияmanifest.json:

{
    "manifest_version": 2,
    "name": "snipped",
    "description": "snipped",
    "version": "1.0",
    "icons": {
        "128": "128.png"
    },
    "app": {
        "background": {
            "scripts": [ "background.js" ],
            "persistent": false
        }
    },
    "permissions": [
        "unlimitedStorage",
        "notifications",
        "webview"
    ],
    "kiosk_enabled": true,
    "kiosk_only": true
}

Файл, который создает окно приложения (background.js):

chrome.app.runtime.onLaunched.addListener(function() {
    var options = {
        state: 'fullscreen',
        resizable: false,
        alwaysOnTop: true,
        bounds: {
            top: 0,
            left: 0,
            width: 1920,
            height: 1080
        },
        frame: 'none' // Not hiding anything
    };
    chrome.app.window.create('application.html', options);
});

Приложение просто веб-просмотр (application.html):

<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <title>Snipped</title>
    <link rel="stylesheet" type="text/css" href="application.css">
  </head>


  <body>
    <webview src="http://snipped.com"></webview>
  </body>
</html>

И таблица стилей растягивает веб-представление до полного размера (application.css):

webview {
    height: 100%;
    width: 100%;
}

Хотя я установилframe в'none', кажется, не удаляет оконную раму. Как добиться истинного полноэкранного опыта. Аналогично тому, как это выглядит, когда я нажимаю F11 на Google Chrome моего рабочего стола:

Ответы на вопрос(1)

Решение Вопроса

В Хроме<body> тег по умолчанию имеет поле 8 пикселей. Если вы хотите выделить все пространство для веб-просмотра, убедитесь, чтоmargin является0, используя следующую таблицу стилей:

html, body, webview {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
}
 Aidiakapi10 июл. 2014 г., 20:44
Я не могу поверить, что я не думал об этом. Спасибо за помощь!

Ваш ответ на вопрос