/ / Depuração Remota no Navegador Android - javascript, android, html5, depuração, depuração remota

Depuração Remota no Navegador Android - javascript, android, html5, depuração, depuração remota

Desculpe pela pergunta.

Atualmente, estou criando jogos Phaser para dispositivos móveis usando navegadores da web.

Eu posso depurar remotamente no meu dispositivo android usandoGoogle Chrome Navegador do meu dispositivo Android também semelhante ao navegador Mozilla Firefox e verifique se há algum erro em javascript / html / css usando as ferramentas de desenvolvedor de desktop do navegador.

Aqui está o que eu sigo para usar a depuração remota para chrome https://developer.chrome.com/devtools/docs/remote-debugging

Aqui para o Mozilla Firefox

https://developer.mozilla.org/en-US/docs/Tools/Remote_Debugging/Firefox_for_Android

Já instalou o Android SDK

Atualmente estou desenvolvendo na plataforma Windows. Usando o XAMPP

Mas eu quero testar agora meu aplicativo no navegador nativo de telefones Android me dá tempo difícil de fazê-lo. e não tem idéia de como fazer isso.

Se alguém já fez isso antes .. Por favor, compartilhe conhecimento sobre como você fazê-lo e tornar mais fácil e confortável para si mesmo a depuração remota do navegador android nativo.

desde já, obrigado

Respostas:

1 para resposta № 1

Ok, isso só funcionará se você tiver uma versão local do site implantado ... e seu telefone precisar estar conectado à mesma rede.

Para referência, usei este site: http://www.broken-links.com/2013/06/28/remote-debugging-with-weinre/

Primeiro, você precisará instalar o NodeJS como weinre é um aplicativo NodeJS.

Depois de instalar o Node, você pode usar o NPM para instalar o Weinre.

npm install -g weinre

Então você começa o servidor weinre em sua máquina local

weinre --boundHost -all-

Em seguida, cole o seguinte código na sua página da Web que você deseja depurar. mudança your_private_ip para o IP privado do seu servidor local. Provavelmente começa com 192.168.x.x.

<script src="http://your_private_ip:8080/target/target-script-min.js#anonymous"></script>

Agora na sua área de trabalho, vá para http://localhost:8080/client/#anonymous para ver um inspetor da web no estilo do WebKit.

Você deveria ver algo assim:weinre ui

Agora você pode usar as outras guias, como o Console, para visualizar o console do JavaScript, ou os elementos para visualizar o estilo, etc., como no Chrome ou no Firefox.


0 para resposta № 2

Eu não sei se você ainda precisa de ajuda, mas para aqueles que estão tendo esse problema pode tentar isso, funcionou para mim:

Faça exatamente a mesma coisa que você depurariado google chrome, na aba "chrome: // inspect / # devices" procure por isto: WebView em com.android.browser (Versão / 4.0 Chrome / 30.0.0.0) (no meu caso, eu estou usando um huawei p7 )ver imagem

Desculpe pelo meu Inglês