微软发布适用于VS Code的Edge浏览器开发者工具

微软在VS Code推出了自家Edge浏览器工具的扩充套件,让开发者可以直接在VS Code,使用浏览器开发者工具进行除错,另外,在这个版本,微软合并了原本独立的Elements和Network扩充功能,因此开发者也能在同一个扩充套件,使用网络面板功能查看网络请求。
之所以要在VS Code中嵌入开发者工具,微软提到,虽然VS Code里面有许多功能,是让开发者能够更轻松地撰写程式码,但是在建构网页产品时,有很大一部分的工作,必须要调整网页的外观,这也是为什么要在浏览器中,内建开发者工具的原因。
另一方面,开发者在撰写程式码的同时,还必须要在编辑器和浏览器间来回切换,这对开发流程造成了一些负担,因此微软认为,直接在编辑器中嵌入开发者工具,能够让开发者不需要离开工作思路,方便查看程式码以及调整内容。
新的Edge工具提供全新的无头(Headless)和全浏览器模式,微软在这个版本更改启动Edge实例进行除错的方式,开发者可以选择连接到现有的浏览器实例,也能启动一个新实例,或是使用无头浏览器。无头浏览器是更为轻巧的浏览器形式,没有自己的浏览器视窗,在任务列上也没有多余的图标。
另一个好用的Edge开发者工具则是网络面板,微软在这个新的扩充套件中,整合了网络面板功能,微软提到,原本网络面板是以独立的扩充套件释出,但是开发者回馈表示,与Elements扩充套件在使用体验上容易混淆,因此微软干脆将两者整合为一。因此这个最新释出的扩充套件Edge浏览器工具,开发者除了在开发者工具中,可以点击Elements分页签,查看HTML网页细节之外,也能启用网络面板,查看网络请求详细列表。
Edge浏览器开发工具以扩充套件的形式发布,微软提到,这是因为能够在不增加主要产品的负担下,按需添加更多的功能,还能够根据用户的回馈,快速地迭代。
