制作自定义 chrome 应用顶部栏答案

【问题标题】：Making custom chrome app top bar制作自定义 chrome 应用顶部栏
【发布时间】：2016-09-07 11:57:01
【问题描述】：

我正在制作一个 chrome 应用，这是我的 background.js

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('window.html', {
        'outerBounds': {
            'width': 500,
            'height': 500,
        },
        'resizable': false
    });
});

我想知道如何制作，所以当我运行应用程序时，可以关闭应用程序的顶部栏是不同的颜色。我也想知道如何在顶栏上显示不同颜色的文本。

【问题讨论】：

标签： javascript google-chrome google-chrome-app

【解决方案1】：

顶部栏是窗口框架的一部分。

您可以将FrameOptions 对象提供给create()：

chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('window.html', {
        'outerBounds': {
            'width': 500,
            'height': 500,
        },
        'resizable': false,
        'frame': { /* ... */ }
    });
});

您有 2 个广泛的选择：

您可以保留默认的系统框架，并拥有（最少的）自定义选项：具体来说，您可以控制框架的颜色。见this sample。
```
'frame': { 'color': "#ff0000" }
```
（可选）活动/非活动时它可以不同。有关适当的格式，请参阅 documentation。您无法通过这种方式控制文本颜色。
您可以完全禁用操作系统提供的框架，并构建自己的框架 - 但您需要提供自己的控件（例如关闭按钮）和 draggable areas。见this sample。
```
'frame' : { 'type' : 'none' }
```

【讨论】：

【解决方案2】：

试试这个：

内界：{ 宽度：，高度：，最小宽度：, 最大宽度：, 最小高度：, 最大高度： }

【讨论】：