Over a million developers have joined DZone.
Platinum Partner

Page inspector in Visual Studio 2012

· Web Dev Zone

The Web Dev Zone is brought to you by Stormpath—offering a pre-built Identity API for developers. Easily build powerful user management, authentication, and authorization into your web and mobile applications. Download this Forrester report on the new landscape of Customer Identity and Access Management.

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.

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.


Here I have selected Aside and you can H3 tag with that.


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

The Web Dev Zone is brought to you by Stormpath—offering a pre-built, streamlined User Management API for building web and mobile applications. Check out our top pointers for designing your REST API.


Published at DZone with permission of Jalpesh Vadgama , DZone MVB .

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}