Javascript 带有标题栏颜色的Chrome应用程序

Javascript 带有标题栏颜色的Chrome应用程序,javascript,windows,google-chrome-app,Javascript,Windows,Google Chrome App,我正在尝试创建一个在新窗口中打开的chrome应用程序 我有一份这样的基本清单 { "name": "My App", "description": "Application Description", "version": "0.0.0.1", "manifest_version": 2, "app": { "background": { "scripts": ["background.js"] } } } 然后background

我正在尝试创建一个在新窗口中打开的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具有更标准的窗口镀铬

使用“白色默认”chrome窗口的我的应用程序

如何让我的Windows chrome与GistBox使用的更标准的Windows chrome相比


(顺便说一句,我使用的是Win7,stable chrome的最新版本)

免责声明:我是GistBox的创建者

和之间通常存在混淆。您正在创建的应用程序是一个打包的应用程序(具有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
    ]
}
作为Chrome套装应用程序创建,并弹出与您的相同的白色标题栏:


免责声明:我是GistBox的创建者

和之间通常存在混淆。您正在创建的应用程序是一个打包的应用程序(具有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
    ]
}
作为Chrome套装应用程序创建,并弹出与您的相同的白色标题栏:


谢谢!我的印象是,托管应用程序必须位于chrome的实际窗口/选项卡中,只有打包的应用程序才能有自己的窗口……我错了。谢谢你的澄清。如果你想完全控制你的应用程序窗口的外观,你可以在chrome.app.window.create()中设置frame:none。但是,您将全权负责所有的窗口控件,这可能比您想要的要多。谢谢!我的印象是,托管应用程序必须位于chrome的实际窗口/选项卡中,只有打包的应用程序才能有自己的窗口……我错了。谢谢你的澄清。如果你想完全控制你的应用程序窗口的外观,你可以在chrome.app.window.create()中设置frame:none。但是,您将全权负责所有窗口控件,这可能比您想要的工作量大。