HTML INSPECTOR WEBSITE HOW TO

The top pane of the Page Inspector window shows the current page in a browser window. If you prefer, you can dock it elsewhere, or undock the window. Right click the Index.cshtml file and choose View in Page Inspector.īy default, Page Inspector is docked as a window on the left side of the Visual Studio environment. In Solution Explorer, expand the Views folder and then the Home folder. In Visual Studio 2012, you can right-click any view in your project, select View in Page Inspector, and Page Inspector will figure out the route and display the page. Now that you have an application to work with, you can use Page Inspector to examine and modify it. In the New ASP.NET MVC 4 Project dialog box, select Internet Application. On the left, expand Visual C#, select Web, and then select ASP.NET MVC4 Web Application. In Visual Studio, choose File > New Project. To check which version you have, run Visual Studio and select About Microsoft Visual Studio from the Help menu.įirst, create a web application that you will use Page Inspector with. Page Inspector is bundled with Microsoft Web Developer Tools. To get the latest version of Page Inspector, use Web Platform Installer to install the Windows Azure SDK for. Visual Studio 2012 or Visual Studio Express 2012 for Web.Mapping Dynamic Page Elements to JavaScript.Preview CSS Changes in the Styles window.Use Page Inspector to Make Changes to Markup.

The tutorial uses an MVC Project, but you can also use Page Inspector for Web Forms and other ASP.NET applications.

HTML INSPECTOR WEBSITE HOW TO

This tutorial shows how to enable Inspection Mode, and then quickly locate and edit markup and CSS within your web project. You can browse any MVC view, quickly find the sources of rendered markup, and use browser tools right within the Visual Studio environment. Select any element in the integrated browser, and Page Inspector instantly highlights the element's source and CSS. Page Inspector in Visual Studio 2012 is a web development tool with an integrated browser.

Html inspector website