WPF : Utiliser Snoop pour inspecter l'arbre visuel lors de l'éxecution d'une application WPF

SNOOP est un petit utilitaire génial pour tous les développeurs WPF qui permet de débugger l'arbre visuel XAML directement lors de l'exécution de votre application !

C'est grosso modo l'équivalent du F12 de Internet Explorer (Outils de développement qui permet d'inspecter l'état du DOM, des CSS, du javascript...) mais porté dans le monde WPF...

Très pratique pour éviter les fuites de mémoire (Memory Leaks) par exemple lorsqu'on injecte sans s'en rendre compte une grappe de nœuds XAML plusieurs fois dans le même container en pensant remplaçer la grappe précédente alors qu'en faite vous cumulez indéfiniment ces grappes...

Téléchargez gratuitement SNOOP sur codeplex : http://snoopwpf.codeplex.com

Puis suivez les quelques étapes suivantes :

1. Lancer votre exe WPF
2. Lancez SNOOP
3. Cliquez sur l’icône "Refresh" pour que SNOOP détecte l'instance de votre application et sélectionnez là dans la liste déroulante.

4. Maintenant glissez déposez la deuxième icône représentant une cible sur votre application

5. Maintenant survolez la fenêtre de votre application tout en maintenant les touches CTRL+SHIFT de gauche et sélectionnez la zone XAML à inspecter. Les propriétés du nœuds (contrôle StackPanel, Grid, TextBlock...) XAML apparaissent alors dans l'inspecteur de SNOOP...

Vous pouvez inspecter les noeuds XAML mais aussi debugger un Binding qui ne fonctionne pas, bref un très bon outil pouvant même vous aider à debugger de façon légère et non intrusive votre appli en production chez un client !

Categories: C#, DEBUG, WPF, XAML