Snoop una utilidad para hacer debug visual en WPF

Una de las cosas que deseaba en WPF cuando empecé  aplicaciones complejas es poder realizar debug visuales y con esto me refiero a que cuando ejecuto la aplicación y la interfaz tiene muchos elementos a veces no aparecen como uno cree que ha diseñado y desearía una herramienta en la que pudiéramos “debugear” el árbol visual y aquí encontré Snoop una herramienta muy valiosa en mis desarrollos.

Podéis bajarla desde aquí, si la ejecutáis veréis

image

lo que tiene es un combo en el que nos muestran todas las aplicaciones hechas en WPF que están corriendo en nuestro sistema y como podéis ver en la imagen Blend esta hecho en WPF. Una vez seleccionado, pulsáis en los prismáticos para indicarle que es la aplicación que queremos observar, en ese momento aparece una nueva pantalla en la que nos muestra el árbol visual de la aplicación

image

en cada elemento del árbol visual podremos ver sus propiedades y los eventos enrutados, podremos buscar nuestro elemento entre todo el árbol visual y una funcionalidad que a mi me gusta mucho es que cuando selecciono un elemento en la aplicación WPF esta aparece con un Border rojo para que lo veamos visualmente. por ejemplo si selecciono de Blend este elemento

 

image

En la aplicación Blend podemos ver a cual corresponde

image

De esta manera podemos ver lo que ocupa, donde esta colocado, si hay algún otro elemento encima…, también nos ofrece verlo si pasamos el ratón por encima del elemento, snoop nos mostrará una vista de solo ese elemento, como podéis ver en la imagen

 

image

Otra funcionalidad importante, es que nos va a permitir ver que elementos tienen errores de Binding, para ello en el combo de la pate izquierda elegimos la opción “Visuals with Binding errors” y nos mostrará los elementos con errores de Binding en el Blend tenemos

image

 

 

 

Nos muestra en rojo la propiedad con el Binding erróneo así como el error.

image

Espero que os haya gustado tanto como a mi

3 comentarios sobre “Snoop una utilidad para hacer debug visual en WPF”

  1. Snoop es imprescindible para desarrollar cualquier aplicación WPF seria. No sabría qué hacer sin él.

    Otra herramienta sin la cual no podría vivir es Mole (http://joshsmithonwpf.wordpress.com/mole/). En vez de ser una aplicación externa que se «inserta» en la tuya, es un plugin para Visual Studio que se activa cuando depuras tu aplicación y te permite ver tus vistas y sus propiedades en cualquier punto de la ejecución, es decir, en cualquier punto de interrupción.

Responder a anonymous Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *