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

时间:2019-02-11 23:56:04

标签: android google-chrome vue.js progressive-web-apps

在Chrome Android work in my PWA中,没有一种用于检测try { const a = Number(prompt('Answer')); if (a === 10) { throw 'right'; } else { throw 'wrong'; } } catch (e) { alert(e); }模式的方法

这是我尝试过的CSS方法

standalone

这是Javascript方法(第171-175行,297-306行)

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

它们都不起作用:即使该示例可行,在Chrome Android中远程测试function isRunningStandalone() { return (window.matchMedia('(display-mode: standalone)').matches); } ... if (isRunningStandalone()) { /* This code will be executed if app is running standalone */ } 也会返回isRunningStandalone()

(由@josemmo here制作的示例)

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

1 个答案:

答案 0 :(得分:1)

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

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