Charles Web Debugging Proxy

Para muchos desarrolladores web, es un dolor de cabeza el depurar aplicaciones hechas en AJAX o en Flash pues como siempre se envían variables por método POST o GET, es difícil saber que valores se han enviado, para ello generalmente se utilizan funciones como alert (javascript) o trace (ActionScript).

Bueno una de las herramientas que me ha ayudado a acelerar el desarrollo de mis aplicaciones, se trata de Charles Web Debugging Proxy. Charles permmite a los desarrolladores ver todo el trafico HTTP entre la PC y la Internet.

charles.jpg

Charles esta especialmente preparado para desarrolladores de Adobe Flash los cuales podrán visualizar contenido de LoadVars, LoadMovie, carga de XML y soporte para AMF. Además se utiliza en el desarrollo de aplicaciones AJAX para conectarse a XML Entre las características que tiene charles es que puede configurar tu navegador preferido: IE, Firefox y Safari para que puedas usarlo para depurar tus aplicaciones.

Veamos el uso del Charles, para ello vamos a analizar Google Suggest, este servicio de google te sugiere palabras cuando estas ingresando tu criterio de búsqueda.

charles1.jpg

Primero abrimos el Charles, luego ingresamos nuestro criterio de búsqueda, en nuestro caso ingresamos san y se nos mostrará un listado de palabras sugeridas. Vamos al Charles y se nos mostrará en la parte izquierda un listado de todas las páginas a las que estamos accediento agrupadas por dominio. Si seleccionamos una de ellas en la parte derecha se muestra un análisis de los datos envíados, recibidos, headers.

charles2.jpg

Seleccionando la opción Request veremos en tabs las variables tipo POST y GET que hemos envíado.

charles3.jpg

Seleccionando la opción Response veremos el contenido que ha devuelto el servidor a la petición que hicimos. En nuestro caso nos devuelve un texto formateado para que Google Suggest lo pueda mostrar.

charles4.jpg

Como hemos visto esta herramiento nos permitirá analizar que sucede detras de las aplicaciones que estamos visualizando. Basta de trace y alert y ahorra tiempo para mejorar tu desarrollo.

Comentarios Total 4 comentarios


Gianni
Publicado: 24/08/2006 6:14 pm

OJO! no funciona en entornos HTTPS

Drake
Publicado: 11/03/2010 9:26 am

Excelente…perdón por mi ignoracia, realmente mis conocimientos del tema son casi nulos, pero estoy tratando de editar un flash justamente con el charles y cuando tengo que cambiar el campo AMF no me aparece en las pestañas…que estoy haciendo mal?

Hola
Publicado: 10/04/2011 9:22 pm

No entiendo como abrir Cityville en Charles :D

nicolas ignacio donoso navarrete
Publicado: 11/09/2011 7:47 am

ESTA COSA ES SIN BIRUS

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)