Firebug como depurar en Android

He visto varios mensajes que hablan de la depuración remota de código javascript en Android, pero todos se pierda el punto de lo que estoy tratando de hacer.

Tengo un Nexus 7 y quiero usarlo como un entorno de desarrollo remoto cuando estoy lejos de mi escritorio. He creado una distribución debian chrooted para ejecutar apache y php y git (vía ssh). Este entorno chroot monta un subdirectorio del directorio / sdcard desde fuera del entorno chroot. La raíz del documento Apache de un host virtual apunta a un directorio dentro de éste. Antes de salir del escritorio puedo git empujar la última versión de la tableta. Cuando vuelvo git tirón puede conseguir lo que he hecho de nuevo.

Yo entonces (cuando no estoy conectado a ninguna red) puedo editar el código usando un editor de Android (usando el editor de texto 920), pero luego ejecutar el navegador para ver lo que he desarrollado usando localhost el apache virtual host elige esto Y lo muestra.

La aplicación que estoy desarrollando NO ES PARA ANDROID – es en última instancia para el escritorio. Pero quiero poder depurarlo como si estuviera en el escritorio. Puntos de interrupción y un solo paso son la cosa principal, pero también tienden a utilizar la sección html en firebug para ajustar mi CSS antes de editarlo.

¿Hay una manera de conseguir las herramientas del revelador del cromo o firebug agregan para firefox para cargar en un browser que funcionará en androide?

Yo uso Firebug lite bookmarklet para iPhone y iPad, nunca probado en Android, mira esto http://martinkool.com/post/13629963755/firebug-on-ipad-and-iphone debe ser similar en Android.

Para activarlo, siga estos pasos:

Crear un nuevo marcador o marcar una página
Cambie el nombre del marcador a "Firebug"
Copie el enlace textarea:

Javascript: (función (F, i, r, e, b, u, g, L, I, T, E) {if (F.getElementById (b)) return; E = F [i + 'NS'] && F. (E): E = E? Fi + 'NS': Fi, Er, Er, Er (Fe [0] || Fe [0]) Documento, 'createElement', 'setAttribute', 'getElementsByTagName', 'FirebugLite', '4', 'firebug-lite.js', 'releases / lite / latest / skin / xp / sprite.png' /getfirebug.com/ ',' # startOpened ');

Editar el bookmarklet Firebug, quitar la URL y pegar el bookmarklet

Elija "Hecho" (en el teclado virtual) y todo está listo

Golpear ese bookmarklet debería darle un Firebug completamente funcional en la parte inferior de su dispositivo móvil.

Al menos no para Firefox Mobile, ya que todos los devtools todavía están parcialmente basados en XUL , donde Firefox Mobile utiliza Native UI.

No creo que haya ningún plan en el futuro cercano para cambiar esta situación; No es un escenario común.

Sin embargo, deberías poder hacer algo usando la API del depurador , creando un add-on para Firefox Mobile. Pero no sé si es digno.