爱赢app-爱赢app下载安装
爱赢app下载安装

手 机:

电 话:

邮 箱:

地 址:

14817678444

077-37363338

admin@asajimly.com

台湾省台湾市台湾区文高大楼5717号

您的位置: 首页 > 新闻中心

VS Code 新扩展,面向 Web 开发人员调试 DOM

作者:爱赢app下载安装 发布日期: 2021-05-17

本文摘要:爱赢app,爱赢app下载安装,微软公司工程项目经理PaulGildea发博说,她们对于Web开发者,公布了一个新的VSCode扩展——ElementsforMicrosoftEdge,这一扩展或是一个预览版,目地是让开发人员能够更好地在浏览器工具和在线编辑器中实际操作和调试HTML和CSS的难题。

微软公司工程项目经理PaulGildea发博说,她们对于Web开发者,公布了一个新的VSCode扩展——ElementsforMicrosoftEdge,这一扩展或是一个预览版,目地是让开发人员能够更好地在浏览器工具和在线编辑器中实际操作和调试HTML和CSS的难题。对Web开发者而言,如在DevTools和IDE中间中进行同样的每日任务时,不一样的工作流引擎混在一起会感觉很不方便,因此PaulGildea明确提出三层面改善:在DevTools中改动CSS时,迅速将更改升级到源码在DevTools中对HTML/CSS开展数次改动时,减少遗失更改的概率迅速对源码开展更改,并在电脑浏览器中见到该更改ElementsforVSCode扩展便是简单化工作流引擎的第一步,从VSCode中立即定期检查调试DOM,并即时查看更改对网页页面的危害。假如要想安裝ElementsforMicrosoftEdge扩展,最先安裝MicrosoftEdge的Dev或Canary版本号,随后从VSCode销售市场安裝ElementsforMicrosoftEdgeVSCode扩展,2个安裝结束后,在VSCode中开启工作项目,以后会在侧边栏见到一个新的标志:点击这一标志可能进到总体目标列表,该列表将表明MicrosoftEdge的一切可调试实例。

爱赢app

假如当今沒有可调试的实例,则能够点击 按键运行新实例并将其额外到在其中。或是,能够在Launch.json文档中应用每日任务,如同应用其他类型的调试器扩展一样。加上电脑浏览器实例将开启新元素专用工具控制面板,表明网站或应用软件的HTML文本文档构造和CSS款式信息内容,如下图,假如常常应用MicrosoftEdgeDevTools或别的Chromium驱动器的浏览器工具,应当了解这一主视图。

爱赢app

爱赢app下载安装

要在原素扩展中查看网址的即时主视图,只需按住“ToggleScreencast”按键就可以,这一主视图将在对CSS和HTML开展更改时自动更新,因而无须离去VSCode来查看更改状况。PaulGildea还表明不准备将MicrosoftEdgeDevTools从电脑浏览器中彻底转移到IDE中。查看实例或意见反馈难题详细地址:https://github.com/microsoft/vscode-edge-devtools。


本文关键词:爱赢app,爱赢app下载安装

本文来源:爱赢app-www.asajimly.com

联系我们

手机:14817678444
加盟热线:077-37363338
邮箱:admin@asajimly.com
地址:台湾省台湾市台湾区文高大楼5717号

扫一扫,关注我们
备案号:台ICP备26190642号-2 技术支持:台湾市爱赢app下载安装股份有限公司 网站地图