在 Chrome Android 中全屏运行的 PWA 不支持显示模式：独立

Question

在 Chrome Android work in my PWA 中用于检测standalone 模式的两种方法都没有@

这是我试过的CSS方法

@media all and (display-mode: standalone) {
    /* Here goes the CSS rules that will only apply if app is running standalone */
}

这是 Javascript 方法（第 171-175、297-306 行）

function isRunningStandalone() {
    return (window.matchMedia('(display-mode: standalone)').matches);
}
...
if (isRunningStandalone()) {
    /* This code will be executed if app is running standalone */
}

其中任何一个都不起作用：在 Chrome Android 中远程测试 isRunningStandalone() 会返回 false，即使示例有效。

（@josemmo here 制作的示例）

我已经在 iOS 和 3 款不同的 Android 手机中测试了代码。 iOS 完美运行。

Answer 1

我找到了问题的解决方案：manifest.json 必须有"display": "standalone"

"display": "fullscreen" 将不起作用。我也无法测试。