2013/10/10

Screencast de Android para o Desktop com o Chrome e o DevTools


Se têm que lidar com o desenvolvimento de sites web para equipamentos mobile, poderão gostar de saber que agora já é possível ligarem o vosso Android ao computador para que possam fazer modificações e ver os resultados em tempo real, tal como são exibidos no equipamento movile, graças ao suporte experimental para screencast no Chrome e nas DevTools.

Por enquanto é algo que apenas está disponível nos Chrome beta e requer que se activem algumas flags especiais, mas o resultado final poderá poupar-vos horas e dores de cabeça a tentarem perceber porque motivo uma coisa funciona num lado mas não funciona como deveria no outro (e o emulador não está a ajudar).

Para activarem este modo têm que:
  • activar chrome://flags/#enable-devtools-experiments e chrome://flags/#remote-debugging-raw-usb (no Chrome Dev Channel e reiniciar o browser)
  • ir a chrome://inspect e ligar o dispositivo Android via USB (com USB Debugging activado)
  • Permitir o USB Debugging fazendo "OK"
  • O dispositivo deverá aparecer no chrome://inspect
  • Abrir o Chrome Beta no Android e visitar um site
  • No computador abrir o DevTools, clicar na roda dentada no canto inferior direito, e nas "Experiments" activar "Enable screencast" (e fechar o DevTools).
  • Clicar no link "Inspect" e no icon "Screencast" no canto inferior esquerdo para activar o modo de screencast
... E nem precisam de um Chromecast. ;)





Sem comentários:

Enviar um comentário (problemas a comentar?)