Over a million developers have joined DZone.

Page inspector in Visual Studio 2012

DZone's Guide to

Page inspector in Visual Studio 2012

· Web Dev Zone ·
Free Resource

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

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

Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.


Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}