Web开发一直是一项复杂而艰巨的工作。每一位Web开发者都可能花费大量时间来优化网页的外观，并深入研究HTML语法。幸运的是，有许多工具极大地帮助了Web开发者，成为了Web开发社区的通用语言。这些工具包括浏览器开发者工具等，它们极大地简化了开发者的工作。
尽管如此，从未对这些开发者工具感到完全满意，总是希望有一款与Visual Studio紧密集成的工具。在处理ASPX/ASCX/母版页等代码与渲染后的HTML之间的断层时，常常感到困扰。虽然这些工具帮助发现了渲染HTML的问题，列出了问题列表，然后找到正确的映射代码并修复问题，但这并非一次性过程。有时，这会变成一个漫长的循环过程。
众所周知，大多数情况下，渲染后的页面不仅仅是单个文件的结果，它包括许多用户控件、母版页、基页等。因此，即使使用多种工具找到了问题列表，下一个艰巨的任务是找到确切的文件，其中存在问题，然后修复它。当自己没有开发应用程序时，这变得更加繁琐。
浏览器只理解HTML、CSS、JS等，可以将所有内容分为两个部分：客户端和服务器端。客户端资源包括HTML、CSS、JavaScript等文件，而服务器端包括ASPX、ASCX、母版页等传统的ASP.NET文件，以及最新的技术，如csHTML文件（Razor视图）等。ASP.NET将所有这些资源渲染成HTML并发送到浏览器。一旦浏览器显示了页面，唯一的选择就是使用一些开发者工具来精确定位HTML部分的问题。
如果有一款与Visual Studio紧密集成的工具来发现问题并立即修复，那会怎样呢？微软推出了与Visual Studio 11开发者预览版集成的页面检查器。
注意：本文使用的是开发者预览版，而不是测试版或最终发布版。因此，在使用过程中可能会遇到一些问题，但希望这些问题在最终发布版中得到解决。
先决条件：
根据微软的说法，“页面检查器是一个新工具，它将浏览器诊断工具引入Visual Studio，并提供了浏览器、ASP.NET和源代码之间的集成体验。页面检查器通过结合最佳功能，弥合了Web开发中客户端（浏览器工具）和服务器端（ASP.NET和源代码）之间的差距。”
正如提到的，页面检查器仅与Visual Studio 11开发者预览版兼容。它需要ASP.NET 4.5。它不会直接随VS 11一起提供，它像一个插件，需要在VS 11中安装它。可以使用以下链接通过Web平台安装程序进行安装。
注意：在发布本文时，Visual Studio 11测试版已经发布。在这个版本中，页面检查器是Visual Studio的一部分，即不需要为页面检查器安装任何东西。
当运行页面检查器时，它会执行几个步骤。
它需要逆向工程来分解页面。它需要大量的元数据来提供其功能或源代码映射。因此，当第一次运行项目时，它会要求在web.config中添加一些设置。
注意：正如它所说，在部署到生产环境时需要移除这些设置，因为它需要生成大量的元数据，这些元数据由页面检查器使用。这在生产环境中是不需要的，并且会增加额外的开销。
每当任何源文件发生更改时，页面检查器都会提示刷新页面以查看更改。
页面检查器适用于网站和Web应用程序类型的项目。因此，要运行页面检查器，如果页面检查器正确安装，将获得一个“在页面检查器中查看”的选项。
或者，可以使用命令Ctrl+K, Ctrl+G来查看当前活动页面。
创建了一个示例默认ASP.NET项目进行演示。让看看它的第一视图。
在页面检查器中，可以逐个讨论这些指针。
现在让深入CSS部分。让看看标记。
让查看另一个标签，即Trace styles。
当选择一个元素时，它的风格在样式标签中显示。如果点击类，它会带去包含样式类定义的文件。可以从那里更新样式，如下所示。
相信这个工具将改变诊断和修复ASPX页面的方式，并将被开发者大量使用。