Charles Web Debugging Proxy

  • 10/08/2006
  • 5:05 am
  • unijimpe

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.

Posts Relacionados

Total de Comentarios: 1

Publicidad
Gianni
24/08/2006
6:14 pm

OJO! no funciona en entornos HTTPS

Enviar Comentario

(*)

(*)