全面了解改版后的 Inspect Devices 界面,在现已固定的样式面板中轻松切换类,并观看开发者工具今夜试播的视频。
欢迎回到面向所有 Canary 用户的最新版本摘要!看来我在 12 月错过了一些更新。(我一直很关心我的新生女儿。)来吧,不仅如此,还有一些超新鲜的精彩内容。
新的“Inspect Devices”对话框
多年来,开发者工具的远程调试文档(目前已过时)一直是我们最受欢迎的指南,这只是一个说明:没有人知道如何使用它!
于是,我们进一步改进了用户体验。现在,所有“Inspect Devices”都无需打开完全不同的页面(“chrome://inspect”),即可方便地嵌入到开发者工具中,从而实现快速访问并减少上下文切换次数。
样式面板中的类切换开关
现在,您可以比以往更轻松地快速切换元素上的类,以预览使用或不使用关联样式时该元素的呈现效果。我们还添加了一个输入来快速添加新类,这样您就无需修改属性了。点击“样式”面板中新增的 .cls 按钮进行试用。
今晚的开发者工具
很高兴我能宣布另一种可以跟上 Chrome DevTools 的最新动向:我今晚向大家演示一下开发者工具:
在每两周发布一次的新节目中,我将着重介绍 Chrome 稳定版(而非 Canary 版)中即将推出的功能,并将更深入地介绍各项功能。请订阅 Chrome Developers 频道,以便在排名第一时获得通知,并在 YouTube 评论中告诉我你的想法!
其他精华
- 我们添加了一项设置,用于为弹出式窗口自动打开开发者工具(新创建的窗口)。启用后,系统会自动打开一个新的开发者工具实例,并在其中显示任何新创建的窗口。
- “样式”面板顶部的操作栏现在固定在原处,因此,即使您向下滚动以修改更多样式,也随时可以访问它。
- 现在,我们会自动缩放时间轴,使其仅显示我们认为与您性能调试会话实际相关的时间。
- 除了下载之外,网络节流功能现在支持上传,这样您就可以在 3G 连接上测试文件上传等操作。
- 我们改进了“检查”提示,该提示会叠加在被检查的元素之上。现在它显得暗淡发光,对比更加明显。
与往常一样,请通过 Twitter 或下方的评论告诉我们您的想法,并将错误提交到 crbug.com/new。
下个月再见!
Paul Bakaus 和开发者工具团队