In this blog post we are going to learn about a new feature of Visual Studio 2012 called “Page Inspector."
I have written whole series about new features of Visual Studio 2012. This post will also be part of it. You can find all post related to Visual Studio at my Visual Studio 2012 page. Following is a link for that.
Visual Studio 2012 Feature Series
What is Page Inspector:Page inspector is a great tool to inspect your page in Visual Studio itself. In other words, You can use Page Inspector as a browser and inspect your pages in Visual Studio itself. It’s really slow a common problem you can diagnose your page in visual studio itself. You can see where you UI comes from and even you can look into your page in HTML.
You can also directly run page via right click project like following.
Once you load Page Inspector it will load you web application in Visual Studio.
Features in Page Inspector:Page inspector provide lots of features.
Inspecting HTML with Page Inspector:You can inspect your HTML will page inspector and you can see what is there in HTML of your page. For example, I have clicked on about page and you can see that in HTML code.
Inspect CSS and fix issues with CSS:You also inspect your CSS and fix issues with css. Like following.
Here I have selected Aside and you can H3 tag with that.
Conclusion:Page inspector is a great tool and you can diagnose all thing about your HTML and CSS in visual studio itself. Earlier we have to use browser diagnostic tools like developer tool bar in IE or firebug in Firefox. But now with Visual Studio 2012 and Page Inspector you can have this in visual studio 2012 itself.
Hope you like it. Stay tuned for more..