刪除全屏窗口裝飾/邊框Chrome OS app / kiosk模式

Question

我有一個Web應用程序，我想在chromebox上以kiosk模式運行。 到目前為止，我幾乎已經完成了所有工作，但我似乎無法擺脫屏幕周圍惱人的大白邊框。 屏幕左上角的屏幕截圖（全屏）。 我添加了黑色邊框來勾勒圖像。

示例截圖

我的網絡應用程序從藍色開始，白色邊框由谷歌瀏覽器添加。

我的應用程序的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);
});

該應用程序只是一個webview（ 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>

樣式表將webview擴展為完整維度（ application.css ）：

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

即使我已將frame設置為'none' ，它似乎也不會刪除窗口框架。 如何實現真正的全屏體驗。 與我在桌面版Google Chrome上按F11時的外觀類似：

我想要的例子

Answer 1

在Chromium中， <body>標簽的默認邊距為8像素。 如果要將所有空間專用於webview，請使用以下樣式表確保margin為0 ：

html, body, webview {
    margin: 0;
    padding: 0;
    border: 0;
    display: block;
    width: 100%;
    height: 100%;
}

刪除全屏窗口裝飾/邊框Chrome OS app / kiosk模式

問題描述

1 個解決方案

解決方案1
3 已采納 2014-07-10 18:08:01

刪除全屏窗口裝飾/邊框Chrome OS app / kiosk模式

問題描述

1 個解決方案

解決方案1 3 已采納 2014-07-10 18:08:01

解決方案1
3 已采納 2014-07-10 18:08:01