Pages

Saturday, September 18, 2010

IE: Depuración de JavaScript y más!

Hola amigos, tal como indicaba en el post anterior, quedaba pendiente una publicación sobre depuración de JavaScript usando Internet Explorer, que por cierto, acaba de liberar un Beta de la versión 9, espero le den una oportunidad y se pongan a probar esta nueva versión.

Pues bien, como tal Internet Explorer cuenta con una serie de Herramientas de Desarrollador que puedes utilizar si presionas F12, lo cual abre la siguiente interfaz.
image
Los invito a explorar de momento, lo siguiente:
image

Aqui hay muchos aspectos interesantes, como el explorador de HTML, que ni bien te ubicas sobre una etiqueta, esta seleccion se refleja en tu página, de esta manera:
image
Genera lo siguiente:
image 

Pero bueno, lo que quería compartir es lo que se encuentra en la sección Script, asi que si nos ubicamos en esa opción:
image 
Prestemos atención al panel de la derecha, que si notan, permite incluso correr scripts, como tal, podemos escribir algunas líneas de JavaScript y probar:
image 
Esto generará por un lado:
image
Y en el navegador:
image 
Claro, que si desean escribir más lineas de javascript, click en:
image
y:
image

Pero claro, si quieren ver todo el poder del depurador y las opciones de visualizacion con las que cuenta, es decir, cada una de estas:
image 

Atención en el depurador:
image

Click en Start Debugging,
Colocamos algunos puntos de interrupción de manera similar al tratamiento en Visual Studio,
Usando el cursor o presionando F9:
image

O quizá usando el menú contextual:
image

Antes de iniciar la prueba del depurador, les sugiero revisen estas opciones del menú contextual:
image
(Asi es, soporta puntos condicionales)

Realizamos la prueba respectiva y veamos que nos muestra:
 image
Se les hace conocida esa funcionalidad? :D
Y que tal esta otra?
image

Y si nos vamos a la sección Locals? pues asi es, tendremos toda la informacion de las variables en el contexto que nos encontremos.
image

No se ustedes, pero a mi esta herramienta me parece bastante apreciable, personalmente creo que merece una oportunidad, más aun confesando que no terminaría este post nunca, ya que hay muchas cosas que me faltan comentar =(

Me despido con tres imágenes que los invito analizar/revisar con ayuda de su IE.
image
y
image
y
image


Bueno, sin más me despido, esperando le sepan dar un uso interesante y les sirva de complemento a lo brindado por Visual Studio 2010 =D

Saludos
@Jersson

No comments:

Post a Comment