微软发布可预览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,但是开发者必需要在开发者模式中,手动加载浏览器扩展组件,未来微软会在浏览器商店中发布需要的扩展组件。