@Mamatha Adiraju.

Go through the Below URL:

https://docs.pega.com/bundle/platform/page/platform/user-experience/debugging-UI.html.

For debugging UI (to know the view names) , I prefer X Ray tool :

In Browser Developer tool > Console > type below command

PCore.getDebugger().toggleXRay(true) 

PCore.getDebugger().toggleXRay(false) 

Hi @Mamatha Adiraju,

Please go through the below academy module and challenge, so that gives you some idea.

Debugging Constellation applications and Tools for debugging Constellation applications

Tools for debugging Constellation and Application debugging by using the Tracer tool

I hope this will help you.

Thanks,

Ashok

@Mamatha Adiraju

In the Constellation Application, you can launch Tracer and Clipboard (at the bottom right) from App and Dev Studio. Also, 

Thanks,

Ramesh