如何识别网页是否在 PWA 环境下运行?

madRain
  • 4k

最近发现 PC 端的 chromeedge 似乎已经默认支持将任何页面安装到桌面,写不写 manifest 已经无所大谓,普通网页和 PWA 的界限十分模糊。
很难否认这个改进的进步性,但是网页的安装方式藏得很深,普通用户肯定没有动力去研究并且给自己桌面添堵,所以我希望能给那些以快捷方式进入网页并以单独窗口运行的用户更好的浏览体验,来促成安装。
悲催的是我没有找到识别 PWA 运行环境的法子,各位可有妙招?

评论
阅读 443
1 个回答

你这问题很早前在sto上别人就已经问过了:
https://stackoverflow.com/que...

本人英文能力有限,只能帮你到这了

function isPwa() {
    return ["fullscreen", "standalone", "minimal-ui"].some(
        (displayMode) => window.matchMedia('(display-mode: ' + displayMode + ')').matches
    );
}
撰写回答

登录后参与交流、获取后续更新提醒

宣传栏