制作自定义铬应用程序顶部栏

Question

我正在制作一个chrome应用程序，这是我的后台.js

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

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

Answer 1

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

您可以向create():提供FrameOptions对象

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

你有两个广泛的选择：

• 您可以保留默认的系统框架，并具有（最小）自定义选项：特别是，您可以控制框架的颜色。请参阅此示例。

  'frame': { 'color': "#ff0000" }
  

  可选地，它可以在活动/非活动时有所不同。有关适当的格式，请参阅文档。你不能用这种方式控制文本的颜色。

• 您可以完全禁用操作系统提供的框架，并构建自己的框架，但您需要提供自己的控件（例如关闭按钮）和可拖动区域。请参阅此示例。

  'frame' : { 'type' : 'none' }
  

Answer 2

试试这个：

innerBounds：{宽度：，高度：，最小宽度：，最大宽度：，最小高度：，最大高度：}