Atitit pwa app prblm sulo目录1.1.1. 安卓的chrome没有弹添加到桌面的弹窗 11.1.2. 如何判断是否从主屏幕访问 11.1.3. 如何监听添加到桌面事

Atitit pwa app prblm sulo

目录

1.1.1. 安卓的chrome没有弹添加到桌面的弹窗 1

1.1.2. 如何判断是否从主屏幕访问 1

1.1.3. 如何监听添加到桌面事件 2

1.1.4. 添加到主屏幕失败 3

1.1.5. 如何捕捉安装成功动作 3

2. 3

2.1. 全局本页面打开  a标签  self 3

1. 1. 1. 安卓的chrome没有弹添加到桌面的弹窗

检查你的manifest.json, sw.js文件是否在项目根目录下。以及sw是否注册成功。

1. 1. 1. 如何判断是否从主屏幕访问

因为埋点等需求，我们需要区分用户是从浏览器访问的还是从主屏幕访问的，可以这样判断：

export const isFromDesktop = () => {

  // window.navigator.standalone used for safari

  if (window.navigator.standalone) {

    return true;

  }

  if (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) {