not - ¿Hay algún tipo de corrección de consola de Firebug o JavaScript para Android?

firefox debugger not working

Question

Estoy desarrollando un sitio web para dispositivos móviles. Funciona en el escritorio de Firefox. Funciona en iPhone, pero cuando presiono un botón en Android 2.x (y tal vez más bajo). mi código JavaScript se bloquea o qué más ...

¿Puedo acceder al registrador o consola de JavaScript para esos dispositivos?

Mejor debería ser un tipo de aplicación Firebug.

Answer 1

A veces imprimo resultados 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 de 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>");
}

Answer 2

Chrome tiene una función muy bonita llamada ''depuración web USB'' que permite ver la consola de depuración del dispositivo móvil en su PC cuando está conectado a través de USB.

Mira 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/

Answer 3

El 2013-12-03 Google lanzó Chrome DevTools para dispositivos móviles , que permite a los desarrolladores depurar remotamente las aplicaciones web móviles a través de la emulación y la visualización de pantalla con Zero Configuration .

Para todas las funciones, revise la charla de Paul Irish en YouTube .

Answer 4

Estamos siguiendo los pasos a continuación 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. Vaya a Opciones -> Más opciones -> Inspeccionar dispositivo .
4. Aquí encontrará una lista de los sitios que están abiertos en el móvil y haga clic en inspeccionar y obtendrá la consola de JavaScript que desee.

Answer 5

Instalé el complemento de la 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.

Answer 6

La "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 Inspection '' conocida formalmente como adobe shadow . Utiliza weinre internamente (= WEb INspect REmote)

Simplemente instálelo + un pequeño complemento en el navegador (Chrome) y una aplicación gratuita que puede 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

Actualizar

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

Answer 7

Prueba js-mobile-console

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

Answer 8

Puede probar YConsole una consola incrustada js. Es liviano y simple de usar.

• Catch logs y errores.
• Editor de objetos

Cómo utilizar :

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

Answer 9

Recientemente escribí una herramienta para mostrar los registros de la consola en una "ventana" movible / de tamaño variable (en realidad, una div). Proporciona una funcionalidad similar a la consola de Firebug pero puedes verla sobre tu página en una tableta. Consola de depuración de Tablet / Smartphone / Phablet

Answer 10

Si está utilizando Cordova 3.3 o una versión superior y su dispositivo ejecuta Android 4.4 o una versión superior , puede 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 con un cable USB
• Habilite la depuración de USB en su dispositivo (en mi dispositivo, esto se encuentra en Configuración> Más> Opciones de desarrollador> Depuración de USB)

O bien , si está utilizando Cordova 3.3+ y no tiene un dispositivo físico con 4.4, puede usar un emulador que use Android 4.4+ para ejecutar la aplicación a través del emulador, en su 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 otros 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 ejecuta en el dispositivo / emulador ( la forma en que funciona Córdoba es que básicamente crea una ventana de ''navegador'' en su dispositivo / emulador, dentro del cual hay una ''WebView'' que es su aplicación HTML / JavaScript en ejecución)
• Haga clic en el enlace ''inspeccionar'' en la sección ''WebView'' donde verá su dispositivo / emulador en la lista. Esto abre las herramientas de desarrollo de Chrome que ahora le permiten depurar su aplicación.
• Seleccione la pestaña ''fuentes'' de las herramientas de desarrollador 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 el JavaScript que le permiten 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 aviso ''>''. Aquí puede escribir cualquier variable u objeto (por ejemplo, objetos DOM) que desee inspeccionar el valor actual de, y se mostrará el valor.

Answer 11

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

Answer 12

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

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

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

Answer 13

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

Answer 14

Una opción es weinre . Proporciona edición DOM & Style junto con la consola. Si no desea configurarlo usted mismo, hay una instancia alojada en http://debug.phonegap.com

La otra opción es JSHybugger . Sin duda es el entorno de depuración más completo disponible para el navegador de Android. Es un producto pago, pero probablemente valga la pena.

Answer 15

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