【问题标题】:Is it possible to make a frameless PWA?是否可以制作无框架 PWA?
【发布时间】:2018-05-23 13:02:49
【问题描述】:

让我对桌面上的渐进式 Web 应用程序稍有不满的是,当您“安装”它们/将它们固定到桌面时,它们会保留浏览器镶边/框架。我喜欢菜单栏、书签等都消失了,因为重点是感觉像一个原生应用程序,而不是我的浏览器中的东西,但框架感觉就像是阻碍真正原生感觉的最后一件事。作为比较,请考虑nw.jsElectron 中的“无框窗口”概念。

那么有什么办法吗,例如manifest.json 文件中的一个选项,也可以隐藏框架?

我的研究表明,目前的答案是“否”,所以我想一个后续问题是,是否有任何讨论?是否存在阻止它的担忧,或者它根本没有出现?任何信息都会很棒。

编辑: 更清楚地说,我的意思不是简单地在带有自己图标的单独窗口中启动,这正是桌面安装的 PWA 的含义。我的意思是删除/隐藏标题栏,以及应用程序图标和名称以及最小化/最大化/关闭按钮,以及围绕整个窗口外部的细边框。所有这些东西:

【问题讨论】:

  • 不确定其他浏览器,但 Chrome 有一个实验性的标志来解决这个问题... chrome://flags/#enable-desktop-pwas
  • @phuzi 不错!那么当你使用那个标志时,你如何启用无框模式或其他什么?
  • 我认为使用该标志应该能够在无铬窗口中启动“已安装”的 PWA。自己没有尝试过,但这是应该发生的。
  • 哦,我明白了。不,我已经知道的那个,实际上这就是我的意思:它不会在完全无边框的窗口中启动,它只是一个精简的窗口,只有带有徽标、应用程序名称和最小化 / 的标题栏最大化/关闭按钮,加上窗口周围的窄边框,与浏览器窗口未最大化时得到的相同。如果可能的话,我想摆脱所有这些,以获得完全原生的感觉。
  • 嗯,看看你的截图,我会说它看起来与任何其他 Windows 应用程序完全一样。你所要求的对我来说更像是一个启动画面。

标签: javascript web progressive-web-apps


【解决方案1】:

您要查找的是清单中的display(请参阅https://developer.mozilla.org/en-US/docs/Web/Manifest#display)。

"display": "fullscreen" 表示你想完全隐藏浏览器 chrome。

但是,对特定显示模式的支持因浏览器和平台而异。 例如,Windows 10(通过 Edge)目前仅支持 browserstandalone,并支持 fullscreenminimal-ui 进入 Redstone 5

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-04-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-07-20
    相关资源
    最近更新 更多