/ / Depuración remota en el navegador de Android - javascript, android, html5, depuración, depuración remota

Depuración remota en el navegador de Android: javascript, android, html5, depuración, depuración remota

Perdón por la pregunta.

Actualmente estoy creando juegos de Phaser para dispositivos móviles utilizando navegadores web.

Puedo depurar a distancia en mi dispositivo Android usandoEl navegador Google Chrome de mi dispositivo Android también es similar al navegador Mozilla Firefox y verifica si hay algún error en javascript / html / css usando las herramientas de desarrollador de escritorio del navegador.

Esto es lo que sigo para usar la depuración remota para Chrome https://developer.chrome.com/devtools/docs/remote-debugging

Aquí por Mozilla Firefox

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

SDK de Android ya instalado

Actualmente estoy desarrollando en la plataforma de Windows. Usando XAMPP

Pero quiero probar ahora que mi aplicación en el navegador nativo de teléfonos Android me da dificultades para hacerlo. y no tengo idea de cómo hacerlo.

Si alguien lo ha hecho antes ... Por favor, comparta conocimientos sobre cómo hacerlo y haga que sea fácil y cómodo para usted depurar remotamente el navegador nativo de Android.

gracias por adelantado

Respuestas

1 para la respuesta № 1

Ok, esto solo funcionará si tiene una versión local del sitio web implementada ... y su teléfono debe estar conectado a la misma red.

Como referencia, utilicé este sitio web: http://www.broken-links.com/2013/06/28/remote-debugging-with-weinre/

Primero, deberá instalar NodeJS ya que weinre es una aplicación NodeJS.

Después de instalar Node, puede usar NPM para instalar weinre.

npm install -g weinre

Luego, inicia el servidor weinre en su máquina local

weinre --boundHost -all-

Luego pegue el siguiente código en su página web que desea depurar. Cambio your_private_ip a la IP privada de su servidor local. Probablemente comienza con 192.168.x.x.

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

Ahora en su escritorio, vaya a http://localhost:8080/client/#anonymous para ver un inspector web de estilo WebKit.

Debería ver algo como esto:weinre ui

Ahora puede usar las otras pestañas, como la Consola, para ver la consola de JavaScript, o los elementos para ver su estilo, etc., como en Chrome o Firefox.


0 para la respuesta № 2

No sé si aún necesita ayuda, pero para aquellos que tienen este problema pueden intentarlo, funcionó para mí:

Haz exactamente lo mismo que debías depurardesde google chrome, en la pestaña "chrome: // inspeccionar / # dispositivos" busque esto: WebView en com.android.browser (Versión / 4.0 Chrome / 30.0.0.0) (en mi caso, estoy usando un huawei p7 )ver imagen

Lo siento por mi ingles