Facelets possède un tag très utile : le tag ‘debug’
Il permet d’obtenir l’arbre des composants JSF de la page affichée ainsi que les variables ’scopées’.
Pour cela il suffit de mettre un tag du style:
<ui:debug hotkey=”x” rendered=”true”/>
où ‘x’ et la touche sur laquelle on souhaite appuyé pour affichée la pop-up de debug.
En effet, si l’on met le code suivant:
<ui:debug hotkey=”p” rendered=”true”/>
après la balise body par exemple, il suffira de faire Crtl + Shift + P pour afficher une fenêtre pop-up comme celle-ci:
on peut alors visualiser l’arbre des composant en html:
et les variables ’scopées’:
Cela peut s’avérer pratique, quand on a des soucis d’affichage par exemple.
voici une autre page explicative en anglais :Facelets Debug Tag