加强了远程调试、课堂混搭和我们自己的深夜秀?

保罗·巴考斯
Paul Bakaus

全面了解改版后的 Inspect Devices 界面,在现已固定的样式面板中轻松切换类,并观看开发者工具今夜试播的视频。

欢迎回到面向所有 Canary 用户的最新版本摘要!看来我在 12 月错过了一些更新。(我一直很关心我的新生女儿。)来吧,不仅如此,还有一些超新鲜的精彩内容。

新的“Inspect Devices”对话框

多年来,开发者工具的远程调试文档(目前已过时)一直是我们最受欢迎的指南,这只是一个说明:没有人知道如何使用它!

于是,我们进一步改进了用户体验。现在,所有“Inspect Devices”都无需打开完全不同的页面(“chrome://inspect”),即可方便地嵌入到开发者工具中,从而实现快速访问并减少上下文切换次数。

样式面板中的类切换开关

样式面板中的 cls 切换开关

现在,您可以比以往更轻松地快速切换元素上的类,以预览使用或不使用关联样式时该元素的呈现效果。我们还添加了一个输入来快速添加新类,这样您就无需修改属性了。点击“样式”面板中新增的 .cls 按钮进行试用。

今晚的开发者工具

很高兴我能宣布另一种可以跟上 Chrome DevTools 的最新动向:我今晚向大家演示一下开发者工具:

在每两周发布一次的新节目中,我将着重介绍 Chrome 稳定版(而非 Canary 版)中即将推出的功能,并将更深入地介绍各项功能。请订阅 Chrome Developers 频道,以便在排名第一时获得通知,并在 YouTube 评论中告诉我你的想法!

其他精华


与往常一样,请通过 Twitter 或下方的评论告诉我们您的想法,并将错误提交到 crbug.com/new

下个月再见!
Paul Bakaus 和开发者工具团队