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>)