判断当前页面是否以「添加到主屏幕」应用形态启动
/** * 判断当前页面是否以「添加到主屏幕」应用形态启动 * - iOS Safari: navigator.standalone * - 标准 PWA: display-mode 为 standalone/fullscreen/minimal-ui */importstorefrom'@/store'exportfunctionisLaunchedFromHomeScreen(){// 检查 window 对象是否存在if(typeofwindow==='undefined')returnfalse// iOS 设备// 当用户将网页“添加到主屏幕”并从桌面图标启动时，navigator.standalone 的值为 true。// 如果是在普通 Safari 浏览器中访问，该值为 false 或 undefined。// 如果 isIosStandalone 为真，说明是在 iOS 设备上以 PWA 模式启动constnav=window.navigator||{}constisIosStandalone=Boolean(nav.standalone)// 自己的特定业务逻辑: 比如：套壳包。 也认为是主屏幕启动constisClientShell=store.state.app.clientType==='shell-h5'// 标准 PWA / Android 设备的判断（使用媒体查询检测“显示模式”）// 标准 PWA: display-mode 为 standalone/fullscreen/minimal-ui// supportsMatchMedia 检查浏览器是否支持 matchMedia APIconstsupportsMatchMedia=typeofwindow.matchMedia==='function'constisStandaloneDisplayMode=supportsMatchMedia&&// display-mode: standalone：表示应用以独立窗口运行(window.matchMedia('(display-mode: standalone)').matches||// 全屏模式。window.matchMedia('(display-mode: fullscreen)').matches||// 极简 UI 模式window.matchMedia('(display-mode: minimal-ui)').matches)// 只要满足以上任意一个条件，就认为是主屏幕启动returnisIosStandalone||isStandaloneDisplayMode||isClientShell}
