Удаление полноэкранного оформления окна / границы приложения 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 моего рабочего стола: