javascript - Chrome 软件包应用程序 : opening modal windows or use bootstrap?

标签 javascript twitter-bootstrap google-chrome google-chrome-app

我已经编写了第一个 Chrome 应用程序,但遇到了问题。我似乎无法打开模态窗口?此功能是否存在或者我应该使用 Bootstrap 来显示模式窗口?

我想知道其他人在做什么?

我可以打开另一个窗口,但两个窗口同时处于事件状态并且可以更改,这不是我想要的。

我正在尝试创建一个设置菜单,因此将打开一个模式窗口并允许您进行更新,然后在关闭它时,它将控制权交还给主窗口。

有什么想法吗?

最佳答案

与浏览器选项卡一样,Chrome 应用程序顶级窗口之间没有模式概念。每个人都生活在自己的世界里。您有几个选择:

  1. 尝试使用alwaysOnTop 选项。请参阅https://github.com/GoogleChrome/chrome-app-samples/tree/master/window-state举个例子。这可能足以满足您的需求。

  2. 当您想要模式化的窗口打开时,将其灰显或以其他方式禁用其他窗口的内容。这可能会带来糟糕的用户体验,特别是如果您的用户放错了您想要置顶的窗口。

  3. 不要创建顶级 Chrome 应用窗口,而是在主窗口中使用灯箱样式的 div 并将模式内容粘贴在其中。这是惯用的做法,因为大多数 Chrome 应用都是单页网站。

根据您的具体用例,您可能可以通过事件监听器和 AppWindow.focus() 实现近似的模式。但是您不会从系统获得任何帮助,并且因为您无法阻止非模式窗口首先获得焦点,所以它可能不会是您想要的干净体验。

关于javascript - Chrome 软件包应用程序 : opening modal windows or use bootstrap?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24122675/

相关文章:

javascript - 如何在 aurelia 中包含 elasticsearch javascript 库?

javascript - 在 D3.js 饼图上显示标签

html - Bootstrap 在图像上叠加文本

twitter-bootstrap - 有没有办法在 Github Wiki 上显示进度条?

css - Chrome CSS Hack 在打印预览中不起作用

google-chrome - chrome扩展程序安装后重定向到page.html

javascript - 未设置背景颜色

javascript - 如何从某些函数构建c3js线图,而不仅仅是带有随机数的简单数组?

css - Bootstrap 网格中列行的垂直对齐方式

javascript - 无法在 Chrome 存储中存储和检索