微软释出可预览ASP.NET网页程式的Visual Studio扩充套件

微软释出Web Live Preview扩充套件，这是一个可让网页应用程序界面开发更加方便的工具，Web Live Preview可用于ASP.NET Framework专案，在显示程式码的同时，以浏览器呈现程式码执行结果，开发者可以透过选择HTML元素查看对应源代码，而当源代码修改后，网络应用程序也会自动更新。

微软提到，具有使用者界面的应用程序，在开发周期中，开发者必须不断历经更改、编译和执行应用程序的循环，在ASP.NET WebForms，微软之前有释出检视工具，可让开发者从WebForms程式码检视图，切换到设计检视，呈现使用者界面的外观。

不过随着现代使用者界面框架的发展，网页应用程序大量地使用CSS与HTML元件，设计检视无法总是正确地显示使用者界面，因此微软把一些热门框架、UI函式库与以一些Visual Studio模板打包在一起，更完整地呈现应用程序实际的使用者界面、资料和状态。

只要使用者下载并安装了Web Live Preview扩充套件，在ASP.NET网页应用程序页面，便能选择在浏览器中进行编辑，而这将会以系统预设的浏览器，在特殊模式中启动应用程序，在这个模式中，开发者将可以与选择的HTML元素互动，并且同步地检视元素的程式码，即便开发者选择了主页面中的元素，Visual Studio也会同步地开启该页面，让开发者直接浏览程式码。而且不只是程式码浏览同步，执行中的网页应用程序，也会在开发者修改程式码后即时更新。

Web Live Preview扩充套件并非用来取代浏览器的开发者工具，微软提到，网页开发仰赖浏览器的开发者工具，微软也正在试验一些在Edge和Chrome上的扩充套件，来同步渲染开发工具检视，让开发者可以跨程式码表示渲染应用程序，并且使用开发工具检视DOM树。

微软最终会让开发者不需要在Visual Studio安装扩充套件，就能预览网页应用程序，这个扩充套件仅是暂时作法。目前Web Live Preview支援WebForms和MVC的.NET Framework网页专案，未来还会支援.NET Core和Blazor。ASPX/Razor之外的程式码，微软还没有完全支援热重载，因此在部分情况必须要手动重新整理浏览器，才能更新页面。

目前Web Live Preview扩充套件可用在以Chromium为基础的浏览器，包括最新的Edge和Chrome，但是开发者必须要在开发者模式中，手动载入浏览器扩充套件，未来微软会在浏览器商店中发布需要的扩充套件。