APP下载
报价宝  ›  综合  › 

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

报价宝 来源:baojiabao.com 发布时间:2020-10-05 18:49:00 09月11日更新
报价宝综合消息微软发布适用于VS Code的Edge浏览器开发者工具

微软在VS Code推出了自家Edge浏览器工具的扩充套件,让开发者可以直接在VS Code,使用浏览器开发者工具进行除错,另外,在这个版本,微软合并了原本独立的Elements和Network扩充功能,因此开发者也能在同一个扩充套件,使用网络面板功能查看网络请求。

之所以要在VS Code中嵌入开发者工具,微软提到,虽然VS Code里面有许多功能,是让开发者能够更轻松地撰写程式码,但是在建构网页产品时,有很大一部分的工作,必须要调整网页的外观,这也是为什么要在浏览器中,内建开发者工具的原因。

另一方面,开发者在撰写程式码的同时,还必须要在编辑器和浏览器间来回切换,这对开发流程造成了一些负担,因此微软认为,直接在编辑器中嵌入开发者工具,能够让开发者不需要离开工作思路,方便查看程式码以及调整内容。

新的Edge工具提供全新的无头(Headless)和全浏览器模式,微软在这个版本更改启动Edge实例进行除错的方式,开发者可以选择连接到现有的浏览器实例,也能启动一个新实例,或是使用无头浏览器。无头浏览器是更为轻巧的浏览器形式,没有自己的浏览器视窗,在任务列上也没有多余的图标。

另一个好用的Edge开发者工具则是网络面板,微软在这个新的扩充套件中,整合了网络面板功能,微软提到,原本网络面板是以独立的扩充套件释出,但是开发者回馈表示,与Elements扩充套件在使用体验上容易混淆,因此微软干脆将两者整合为一。因此这个最新释出的扩充套件Edge浏览器工具,开发者除了在开发者工具中,可以点击Elements分页签,查看HTML网页细节之外,也能启用网络面板,查看网络请求详细列表。

Edge浏览器开发工具以扩充套件的形式发布,微软提到,这是因为能够在不增加主要产品的负担下,按需添加更多的功能,还能够根据用户的回馈,快速地迭代。

文章标签: 报价宝 降噪耳机价格 耳机价格 红米手机价格 华为手机价格 小米手机价格 电视机价格 笔记本电脑价格 笔记本价格 汽车价格 汽车价格 笔记本价格 电视机价格 华为手机价格 耳机价格