(Mobile Outsystems ⭕️ ) Inspeccionando Emulador Android

Oi seus lindos, hoje vim falar de um pulo do gato que aprendi recentemente, que me ajudou no meu desenvolvimento mobile com CORDOVA dentro do Outsystems.

Essa dicas eu peguei na própria documentação do CORDOVA, na parte de Debug e recentemente vi isso no RoadShow Expert da Outsystems, porém não acredito que esteja na documentação oficial ainda. Então sem muita enrolação, vamos ao PULO DO GATO 🐈.

Chrome Tools e suas Facilidades

Lembrando que esse aplicabilidade é apenas para Android, porque iOS é outro role totalmente diferente.

Então vamos lá, primeiro e mais importante abra seu emulador Android, no meu caso eu gosto de abrir o emulador a partir de um projeto CORDOVA, então eu vou lá no terminal na pasta HelloWorld e rodo o seguinte comando :

> cordova emulate android

Com Emulador aberto, hora de pegar nosso apk gerado pela Outsystems , basta ir no app mobile, na aba distribute.

Clique em from the download page, para ser redirecionado para página onde será possível baixar o apk android.

Arraste o apk para o emulador para instalar nossa aplicação.

Acesse a home onde estão os apps e procure pelo nosso APP Outsystems e clique nele para acessar sua aplicação recém instalada.

Se você chegou até aqui, pode utilizar o próprio Outsystems para debugar se quiser na opção exclusiva para Android no service studio que o Outsystems ira fazer sua mágica.

Porém não é esse o pulo do gato que eu quero mostrar, e sim como usar Chrome Tools para inspecionar nossa aplicação dentro do próprio emulador. Então, it is show time !!!

Primeiro aba seu navegador chrome e digite as palavras mágicas :

> chrome://inspect

E como vocês podem perceber ele se conecta ao nosso emulador através do chrome (Obrigado Google Vocês São D+ )

Agora, depois das palavras mágicas, basta clicar em inspect para que a cortina se abra e você possa inspecionar o seu emulador.

Lindo, né não !???

Então seu lindo, da para fazer o que com isso ?

Oxee, saca-se não ?

Da para editar o código Html em runtime e depois modificar sem ficar gerando o app varias vezes, e o mais importante da para chamar os códigos dos plugins em JS que só fica possível executar no emulador porque está no celular.

Conclusão

As ferramentas que usamos estão sempre em evolução para melhorar nosso dia a dia e facilitar ainda mais o nosso desenvolvimento.

Então nunca deixe de ler a documentação e as novidades, pois elas podem custar o que você tem mais de valioso na vida : TEMPO.

Eiiiii me ajuda ai vai !? deixa uma palminhaaaa 👋🏻 e clica em seguir para mais conteúdos legais.