Debugging XAML application UI
Visual Studio 2017 provides a very good feature to make the XAML app development easier. You can now edit your XAML code of a WPF or UWP application, when the application is running in debug mode. You don't have to recompile your project to view the changes. You will automatically see it in the live application as and when you are modifying the markup.
Just as with F12 - Developer Tools
of browser applications, you can now navigate to the Visual Tree of XAML
page when the application is running in debug mode and attached with the Visual Studio 2017 debugger tool.
Overview of XAML debugging
Live Visual Tree
and Live Property Explorer
are two tool windows which will help you to perform XAML debugging more easily. You can now inspect the XAML at runtime and visualize the layout to show alignments and space for UI elements. If you have lots of data bindings, you can use Live Visual Tree
and Live Property Explorer
to change properties in runtime and see how it affects...