在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完美运行。
答案 0 :(得分:1)
我找到了解决问题的方法:manifest.json
必须拥有"display": "standalone"
"display": "fullscreen"
将不起作用。我也无法测试。