google-chrome - 如何使无框 Chrome 应用程序窗口可移动？

Question

我创建了一个带窗口的 Chrome 应用程序，但它不可移动。我想让顶部栏(HTML/CSS 样式)允许它移动。我查看了 Chrome 应用程序示例，但找不到可以拖动窗口的代码。

Answer 1

我发现了答案，但它没有出现在文档中，也不是很明显。这是一个 CSS 属性来控制它。

-webkit-app-region: drag;

如果没有它，您的无框 window 将无法移动。

重要提示:您希望可点击或可交互的可拖动节点的任何子节点都需要 -webkit-app-region: no-drag; 在其 CSS 上。

例如:

.myCustomBar {
    position: absolute;
    width: 100%;
    height: 30px;
    -webkit-app-region: drag;
}

.myCustomBarCloseButton {
    position: relative;
    width: 100px;
    height: 30px;
    -webkit-app-region: no-drag;
}