Firebug para depurar páginas en el iPhone

Intentando depurar páginas web en mi iPhone me transportó a un lugar oscuro en el que no había estado desde hace tiempo: La tierra de «alert() Debugging!»

En las primeras horas he enviado mi teléfono a su primer modo de bucle infinito, del cual la única escapatoria era apagar el teléfono y reiniciarlo. Mientras esperaba que reiniciara, me acordé de Firebug y mis buenos amigos console.log() y la línea de comandos. Mi primer pensamiento fue intentar embeber Firebug Lite en el teléfono, pero el pensamiento de intentar compartir esa pequeña pantalla con mi programa y la consola no era muy agradable, ni lo era el pensamiento de escribir JavaScript en el teclado del iPhone. Me di cuenta de que sólo había una solución viable, que es crear un proxiy en la red para el teléfono que me permitiera depurar desde la comodidad de mi ordenador con su gran pantalla y un teclado real.

Unas pocas horas después, nacía Firebug para el iPhone. Básicamente, es un pequeño servidor web programado en Python que actúa como puente entre tu iPhone y la consola de Firebug que funciona en el navegador de tu ordenador.

Cuando llamas a console.log() en el teléfono, envía tu mensaje al servidor, que lo refleja de nuevo a Firefox (o Safari o lo que sea), que lo muestra en tu bonita y grande consola Firebug. También puedes introducir comandos de JavaScript en la línea de comandos en Firefox y enviarlos al teléfono, evaluarlos y devolverlos a Firefox. ¡Todo funciona sorprendentemente bien!

Tu iPhone necesita poder estar en contacto con el ordenador en el que tienes el servidor. Si tu iPhone está en la misma red inalámbrica que tu ordenador, lo más sencillo es hacer funcionar el servidor en tu ordenador. Si no lo están, entonces puedes tener el servidor en otro ordenador que tanto tu ordenador como el iPhone puedan acceder.

Estas son las instrucciones para usar Firebug con el iPhone. Todavía es algo «casero» pero con el tiempo podremos hacer la instalación más automática con py2app/py2exe.

Descarga ibug0.1.zip y descomprímelo

– Asegúrate de que tienes Python instalado – si estás en un Mac, ya lo tienes, si estás en Windows, descárgalo aquí

– Abre tu terminal y

cd

al directorio de ibug que acabas de descomprimir

– Utiliza

python ibug.py launch

– iniciará el servidor web y abrirá la consola de tu navegador. Si no quieres abrir la consola, elimina la orden de abrir.

– Copia la porción de HTML que ves en la consola y pégala en la cabecera de cualquier página HTML que quieras depurar en tu iPhone.

– ¡Ya está! console.log() llama al teléfono, que aparecerá en tu navegador, y puedes usar la línea de comandos para introducir comandos JavaScript que se ejecuten en el teléfono. Para detener el servidor, presiona Ctrl-C.

Sólo lo he probado en Mac OS X, pero también debería funcionar en Windows o Linux. Sólo he probado la consola en Firefox, pero debería funcionar en otros navegadores.

¡Feliz depuración!

Traducido de JoeHewitt.com

Deja una respuesta