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

Question

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

Answer 1

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

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

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