¿Hay algún tipo de depuración de consola Firebug o JavaScript para Android? [cerrado]

Chrome tiene una característica muy agradable llamada 'USB Web debugging' que permite ver la consola de depuración del dispositivo móvil en su PC cuando se conecta a través de USB.

Vea aquí para más detalles.

EDITAR: Parece que el ADB no es compatible con Windows 8, pero este enlace parece proporcionar una solución:

Http://mikemurko.com/general/chrome-remote-debugging-nexus-7-on-windows-8 /

Puede escribir about:debug en algunos de los navegadores móviles para abrir una consola JavaScript.

A veces imprimo la salida de depuración en la ventana del navegador. Usando jQuery , puede enviar mensajes de salida a un área de visualización en su página:

<div id='display'></div>

$('#display').text('array length: ' + myArray.length);

O si desea ver variables JavaScript sin agregar un área de visualización a su página:

function debug(txt) {
    $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>");
}

Tuve el mismo problema, simplemente use console.log(...) (como firebug), e instale una aplicación de visor de registros, esto le permitirá ver todos los registros de su navegador.

Estamos siguiendo los siguientes pasos en nuestro proyecto para depurar un sitio web en dispositivos móviles.

1. Instale el software mobogenie en dispositivos móviles y de escritorio (ambos tienen la misma versión).
2. Abra su sitio en el navegador móvil Google Chrome.
3. Abre Google Chrome en el escritorio. Ir a la opción --> Más Opciones --> Inspeccionar el dispositivo .
4. Aquí encontrará una lista de sitios que están abiertos en el móvil y haga clic en inspeccionar y obtendrá la consola JavaScript que querer.

"Depuración web USB" es una opción

"imprimirlo en la pantalla" otro.

Pero prefiero la depuración remota a través de ' adobe edge inspect' formalmente conocido como adobe shadow. Utiliza weinre internamente (=Web INspect REmote)

Solo tienes que instalarlo + un pequeño plugin en el navegador (Chrome) y una aplicación gratuita que puedes descargar en play-store. Entonces tienes todas las herramientas como las herramientas de desarrollo de Chrome.

También tiene soporte para iOS y Kindle Fire

Actualización

Como Chris notó, tienes que pagar una suscripción para usar edge inspect. Una alternativa barata es usar weinre directamente, es la base de edge inspect. Aquí hay un artículo sobre cómo configurarlo.

Si estás usando Cordova 3.3 o superior y tu dispositivo está ejecutando Android 4.4 o superior puedes usar 'Depuración remota en Android con Chrome'. Las instrucciones completas están aquí:

Https://developer.chrome.com/devtools/docs/remote-debugging

En resumen:

• Conecte el dispositivo a su computadora de escritorio mediante un cable USB
• Habilite la depuración USB en su dispositivo (en mi dispositivo, esto se encuentra en Configuración > Más > Opciones de desarrollador > USB depuración)

O, si estás usando Cordova 3.3+ y no tienes un dispositivo físico con 4.4, puedes usar un emulador que usa Android 4.4+ para ejecutar la aplicación a través del emulador, en tu computadora de escritorio.

• Ejecute su aplicación Cordova en el dispositivo o emulador
• En Chrome en su computadora de escritorio, ingrese chrome:/ / inspect / #devices en la barra de direcciones
• Su dispositivo / emulador se mostrará junto con cualquier otro dispositivos reconocidos que están conectados a su computadora, y debajo de su dispositivo habrá detalles de Cordova ' WebView '(básicamente su aplicación Cordova), que se está ejecutando en el dispositivo / emulador (la forma en que funciona Cordova es que básicamente crea una ventana de 'navegador' en su dispositivo/emulador, dentro de la cual hay un 'WebView' que es su aplicación HTML/JavaScript en ejecución)
• Haga clic en el enlace 'inspeccionar' bajo la sección 'WebView' donde verá su dispositivo/emulador listado. Esto trae a colación la Herramientas para desarrolladores de Chrome que ahora te permiten depurar tu aplicación.
• Seleccione la pestaña 'fuentes' de las herramientas para desarrolladores de Chrome para ver JavaScript que su aplicación Cordova en el dispositivo/emulador se está ejecutando actualmente. Puede agregar puntos de interrupción en JavaScript que le permitan depurar su código.
• Además, puede usar la pestaña 'consola' para ver cualquier error (que se mostrará en rojo), o en la parte inferior de la consola verá un mensaje'>'. Aquí puede escribir cualquier variable u objeto (por ejemplo, objetos DOM) que desea inspeccionar el valor actual y el valor se mostrará.

Puede probar YConsole una consola js integrada. Es ligero y fácil de usar.

• Captura registros y errores.
• Editor de objetos.

Cómo usar :

<script type="text/javascript" src="js/YConsole-compiled.js"></script>
<script type="text/javascript" >YConsole.show();</script>

He instalado el complemento de consola de firefox ( https://addons.mozilla.org/en-US/android/addon/console / ) en mi navegador firefox en Android y funcionó bastante bien. Me ayudó a depurar mi aplicación angular2.

Si no le importa reenviar a través de un servidor de terceros, JSConsole es un depurador remoto bastante útil para JavaScript.

Recientemente he escrito una herramienta para mostrar los registros de la consola en una "ventana" móvil/redimensionable (en realidad un div). Proporciona una funcionalidad similar a la consola de Firebug, pero se puede ver en su página en una tableta. Consola de depuración de Tablet/Smartphone/Phablet

También busqué un reemplazo de consola simple, solo para volcar texto. Así que lo que hice fue esta función:

function remoteLog (arg) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg});
}

El archivo PHP remoto registró toda la salida a una base de datos en arg. Me tomó 5 minutos (OK, en el lado del servidor utilicé una biblioteca de registro simple que graba y muestra mensajes de texto, pero aún así...).

En 2013-12-03 Google lanzó Chrome DevTools para móviles, que permite a los desarrolladores depurar remote aplicaciones web móviles a través de emulación y screen-casting con Configuración cero.

Para todas las características, checkout Charla de Paul Irish en YouTube.

Intenta js-mobile-console

MobileConsole se puede incrustar dentro de cualquier página para la depuración. Detectará errores y se comportará exactamente como la consola JavaScript nativa en el navegador. También genera todos los registros que ha escrito a través de una API de window.consola.