Debuggable Browser

O que é isso?

Apenas um WebView habilitado para depuração, permitindo que você use as Ferramentas do desenvolvedor do Chrome (em execução no seu PC ou Mac) para inspecionar e depurar seu aplicativo Web enquanto ele estiver em execução no seu dispositivo real .

Destinado apenas a desenvolvedores e designers da web

Este aplicativo foi desenvolvido para desenvolvedores da Web que pretendem oferecer a melhor experiência do usuário de seu aplicativo da Web para usuários do Android. Se você não é um desenvolvedor ou designer da Web interessado em depurar aplicativos da Web, provavelmente é melhor usar um navegador normal;)

Qual é a utilidade disso?

Se você já abriu seu site no navegador de ações do Android e encontrou um dos seguintes problemas, este aplicativo pode ser útil para você:

O layout ou estilo do seu site aparece quebrado quando visualizado no navegador de ações do Android

& # 8226; & # 8195; Seu código JavaScript não produziu o resultado esperado ou o cálculo deve ter parado subitamente durante a execução (talvez uma exceção tenha sido lançada?)

& # 8226; & # 8195; Animações estão atrasadas ou simplesmente não são animadas como esperado

Descrição

Às vezes, acontece que um aplicativo Web não funciona em navegadores móveis, mesmo que esteja funcionando bem em navegadores de desktop. Pior ainda, às vezes os defeitos ocorrem apenas em (determinados) dispositivos móveis, portanto você não pode simular e reproduzi-lo em um navegador de desktop. É aqui que a depuração remota com o DevTools do Chrome se mostra útil. Enquanto o Chrome para Android já suporta perfeitamente isso, o navegador de ações do Android não. Isso é lamentável, pois muitos bugs do Android parecem ocorrer apenas no navegador de ações e não no Chrome.

Portanto, este aplicativo permite que você execute sites no navegador nativo (WebView), oferecendo a possibilidade de inspecione e depure a página com o Chrome DevTools.

Como iniciar a depuração remota?

1. Ative o Modo de desenvolvedor no seu dispositivo Android e conecte-o ao seu PC / Mac

2. Abra este aplicativo e navegue até o seu site digitando sua URL

3. No seu PC / Mac, abra o Chrome e digite "chrome: // inspecionar" na barra de endereços.

4. No Chrome, selecione "Descobrir dispositivos USB" e ele listará a página da web que você abriu no seu dispositivo

5. Clique em Inspecionar e aproveite a depuração remota do aplicativo com as Ferramentas do desenvolvedor do Chrome

Para obter mais informações, leia: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser