Question

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

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

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

Answer 1

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

您可以向<path d="M480 32L32 272l128 48 16 160 80-112 112 112L480 32zm-48.6 62.3l-80.7 323.1L256 320l128-176-192 153.8-82.6-31 322-172.5z"/>提供FrameOptions个对象：

create()

您有两个广泛的选择：

您可以保留默认系统框架，并拥有（最小）自定义选项：具体来说，您可以控制框架的颜色。请参阅this sample。
```
chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('window.html', {
        'outerBounds': {
            'width': 500,
            'height': 500,
        },
        'resizable': false,
        'frame': { /* ... */ }
    });
});
```
可选地，当活动/不活动时它可以是不同的。有关适当的格式，请参阅documentation。你无法通过这种方式控制文字颜色。
您可以完全禁用操作系统提供的框架，并自行构建 - 但您需要提供自己的控件（例如关闭按钮）和draggable areas。请参阅this sample。
```
'frame': { 'color': "#ff0000" }
```

Answer 2

试试这个：

innerBounds：{ 宽度：，身高：， minWidth :, maxWidth :, minHeight :, 最大高度： }

制作自定义Chrome应用顶栏

2 个答案: