全面了解经过改进的检查设备界面,在现已修复的样式面板中轻松切换类,并观看《DevTools Tonight》试播版。
欢迎收看最新一期 Canary 用户信息摘要!我发现自己错过了 12 月的几个更新。(我一直在忙于照顾新生女儿。)下面就是这些功能,以及一些全新的功能。
新的“检查设备”对话框
开发者工具的远程调试文档(目前已过时)连续多年是我们最受欢迎的指南,这只能说明一件事:没人知道该如何使用它!
因此,我们对用户体验进行了改进。现在,“检查设备”的所有功能都方便地嵌入到开发者工具中,无需打开完全不同的页面(“chrome://inspect”),从而实现快速访问并减少上下文切换。
样式面板中的类切换开关

现在,您可以更轻松地快速切换元素的类,以预览元素在有或没有关联样式时的显示效果。我们还添加了一个输入框,以便您快速添加新类,而无需修改属性。点击“样式”面板中的新 .cls 按钮即可试用。
DevTools Tonight
很高兴地通知您,我们又推出了一种了解 Chrome 开发者工具动态的方式:我们推出了《DevTools Tonight》节目的试播版:
在每两周一期的新节目中,我将重点介绍即将在 Chrome 稳定版(而非 Canary 版)中推出的重大功能,并对每项功能进行更深入的介绍。请务必订阅 Chrome Developers 频道,以便在第 1 个版本发布时收到通知,并在 YouTube 评论中告诉我您的想法!
其他优秀选手
- 我们添加了一项设置,可为弹出式窗口自动打开 DevTools(新创建的窗口)。启用此功能后,系统会在任何新创建的窗口中自动打开一个新的 DevTools 实例。
- “样式”面板顶部的操作栏现已固定,因此即使您向下滚动以修改更多样式,也能随时访问该操作栏。
- 现在,我们会自动缩放时间轴,以显示我们认为与您的性能调试会话实际相关的内容。
- 除了下载之外,网络节流功能现在还支持上传,因此您可以测试 3G 连接上的文件上传等内容。
- 我们改进了叠加在被检查元素上的“检查”工具提示。现在,它看起来深色且有光泽,对比度更高。
一如既往,您可以通过 Twitter 或下方的评论与我们分享您的想法,并通过 crbug.com/new 提交 bug。
下个月见!
Paul Bakaus 和 DevTools 团队