Page inspector in Visual Studio 2012

  • 0
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.


PageInspectorinVisualStudio2012

You can also directly run page via right click project like following.

PageInsepctorLoadinVisualStudio2012

Once you load Page Inspector it will load you web application in Visual Studio.

File loading in Page instpector Visual Studio 2012

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 HTML with Page inspector in Visual Studio 2012

Inspect CSS and fix issues with CSS:

You also inspect your CSS and fix issues with css. Like following.

CSSinPageInspectorVisualStudio2012

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..

Shout it

No comments:

Post a Comment

Your feedback are very important to me. Please provide your feedback via putting comments.