带有 TitleBar 颜色的 Chrome 应用程序

Question

我正在尝试创建一个在新窗口中打开的 chrome 应用。

我有一个像这样的基本清单

{
  "name": "My App",
   "description": "Application Description",
   "version": "0.0.0.1",
  "manifest_version": 2,
  "app": {
    "background": {
       "scripts": ["background.js"]
     }
  }
}

background.js 然后简单地启动我的 index.html 页面并运行我的应用程序，这里是 background.js

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('index.html', {
        "bounds": {
            "width": 1024,
            "height": 800
        }
    });
});

问题是我的布局排序与默认 chrome 具有的默认“纯白色”窗口 chrome 不冲突。我已经看到其他应用程序将其更改为显示更标准的窗口应用程序。我不知道如何执行此操作，并且在文档中找不到任何内容。任何人都可以对此有所了解吗？

这里有一些图片作为示例

具有更标准窗口镶边的 GistBox

带有“白色默认”窗口镶边的我的应用

如何让我的窗口镶边像 GistBox 那样使用更标准的窗口镶边？

（顺便说一句，我使用的是Win7，最新版本的稳定版chrome）

Answer 1

免责声明：我是 GistBox 的创建者。

Chrome Packaged Apps 和 Chrome Hosted Apps 之间普遍存在混淆。您正在创建的应用程序是一个打包的应用程序（它有一个 background.js）。您安装的 GistBox 应用程序是一个 Chrome 托管应用程序，它基本上是一个可以访问一些基本 Chrome API 的网页的快捷方式。它的清单看起来像这样：

{
    "name": "GistBox",
    "description": "The beautiful way to organize code snippets.",
    "version": "1.0",
    "manifest_version": 2,
    "app": {
        "urls": [
            "https://app.gistboxapp.com"
        ],
        "launch": {
            "web_url": "https://app.gistboxapp.com",
            "container": "panel",
            "width": 1200,
            "height": 768
        }
    },
    "icons": {
        "128": "chrome-icon-128.png"
    },
    "permissions": [
        // permissions
    ]
}

GistBox Desktop 被创建为 Chrome 打包应用程序，并弹出与您相同的白色标题栏：