Debbug PWA com Genymotion & Google Chrome | Indev Web
PWA com gwnymotion e google chromo

Hoje vamos falar sobre PWA, uma tecnologia que vem a ganhar força,  primeiro vamos entender  o porque usar PWA e não um aplicativo nativo.

Os aplicativos nativos, viraram febre durante um tempo, porem quando se desenvolve um aplicativo para uma empresa de pequeno porte , as hipóteses do usuário baixar para usar uma única vez são pequenas.

Como dito na palestra do Christiano Milfont no BrasilJS , outra preocupação era os recursos nativos, como webcam e notificações, que também já estão disponíveis para a sua PWA.

Além da vantagem que o usuário pode usar o seu app sem instalar, em qualquer dispositivo, inclusive pode usar ‘offline’, graças ao service worker.

Agora vamos focar no título, que é como debugar a sua PWA usando o genymotion, dessa forma se pode desenvolver usando ele como emulador do Android :).

 

Primeiro abra o seu Emulador com o endereço da sua PWA.

 

nishimaru helpdesk 2018
Nishimaru helpdesk 2018

 

feito isso abra o Google chromo clique nos 3 pontos da janela de inspecionar → more tools → Remote devices.

remote devices

após clicar vai aparecer na tela abaixo o dispositivo conectado, lembrando que tem que estar logado na sua conta google no emulador, feito isso basta clicar em inspecionar.

inspecionar pwa

Logo que clicar ira abrir uma janela com o dispositivo e o console para debub :).

debug

 

Espero que esse artigo seja útil, e até a próxima .

Comentario