添加到 Chrome 应用标题栏答案

【问题标题】：Add to Chrome app titlebar添加到 Chrome 应用标题栏
【发布时间】：2016-09-07 05:25:15
【问题描述】：

我想在 Chrome 应用的标题栏中添加一个按钮。我的大部分研究让我相信，做到这一点的唯一方法是禁用默认标题栏并自己制作。有没有办法简单地向现有标题栏添加一个按钮？如果没有，是否有包含删除默认标题栏和制作自定义标题栏的详细教程或示例的资源？

【问题讨论】：

快速说明，“是否有包含详细教程或示例的资源”在 Stack Overflow 上被视为 off-topic question。

标签： google-chrome-app title titlebar

【解决方案1】：

不，没有办法将按钮添加到“默认”标题栏。无论如何，那将是不可移植的。

你可以做的是创建一个无框架的应用程序窗口：

chrome.app.runtime.onLaunched.addListener(function() {
  chrome.app.window.create('window.html', {
    'outerBounds': {
      'width': 400,
      'height': 500
    },
    'frame': 'none' // It will be a rectangle filled with your HTML
  });
});

有一个sample app 实现了这一点，还有一个draggable 标题栏。

您可以使用任何类型的框架在页面顶部创建一个看起来像标题栏的区域，例如 Bootstrap 的 navbar，并使用 chrome.app.window API 实现关闭/最大化/最小化等操作 - 获取对当前的AppWindow 并使用它的methods。

【讨论】：

谢谢！我现在有一个自定义的标题栏。