Android/Ionic: Como ver a saída do console.log do emulador no Chrome Developer Tools

Quando estamos desenvolvendo aplicativos mobile usando o Ionic/Cordova, usar o console.log() é muito importante. Enquanto estamos usando o ionic serve para testar no aplicativo no browser isso não é problema, mas quando testamos nosso aplicativo no aparelho ou emulador fica um pouco mais complicado visualizar essas saídas de log.

Podemos usar o Android Studio para visualizar esse log mas existe uma opção melhor, podemos usar o próprio Chrome Developer Tools, para fazer isso vamos iniciar nosso aplicativo no modo livereload:

ionic cordova run --livereload

Nosso aplicativo deve ser iniciando no IP que você selecionou após executar o comando.
Agora vamos abrir o Google Chrome e digitar:

chrome://inspect/#devices

Com isso vamos visualizar a lista de dispositivos que podemos inspecionar como Developer Tools, clicando em inspect

.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *