用于检测 Chrome Android 中的独立模式的两种方法均不适用于我的 PWA 这是我尝试过的 CSS 方法 @media all and (display-mode: standalone) { /* 以下是 CSS 规则

Chrome Android 中 standalone 用于检测模式的两种方法均不 适用于我的 PWA

这是我尝试过的 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 */
}

它们两个都不起作用： isRunningStandalone() 尽管示例有效，但 false 在 Chrome Android 中远程测试仍返回

在此处 制作的示例 )

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