Как отследить открытие PWA?

Question

[shaurmista]

Есть PWA, и мне нужно понять, когда пользователь его открывает (именно с экрана телефона уже)
Как это сделать?

Answer 1

[hzzzzl]

хотел ответить, что при установке на home screen происходят события
https://github.com/w3c/manifest/issues/699

но оказалось, что теперь есть простой media query для этого, смотри
https://stackoverflow.com/a/51735941
(я не пробовал, не знаю как оно работает)

if (window.matchMedia('(display-mode: standalone)').matches) {  
    // do things here  
    // set a variable to be used when calling something  
    // e.g. call Google Analytics to track standalone use   
}

Comments

[shaurmista]

не то, мне нужно понять когда юзер каждый раз открывает pwa

[hzzzzl]

shaurmista, а, просто переключается между табами или аппами?

document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === 'visible') {
    console.log('hi')
    // здесь можно обновить данные из БД
  }
});

^ этот листенер положить в главный компонент аппа

[shaurmista]

hzzzzl, ля красива спасибо ежжи