Paul Bakaus
了解如何通过更智能的控制台自动补全功能减少输入量，如何直接在“样式”窗格中修改 @keyframe 规则，如何玩转 CSS 自定义变量，以及如何加入“黑暗面”。
控制台中更智能的自动补全功能
与我和许多其他人一样，您可能会在控制台中输入命令来调试应用，如果发现命令不起作用，就会反复迭代并重新输入该命令。为了帮助您解决这个问题，我们现在会自动补全您之前输入的完整语句，如下所示：
直接在“样式”窗格中修改 @keyframe 规则
当我们在 DevTools 中引入动画检查器和缓动编辑器时，它仅限于转场效果，因为我们从未在“样式”窗格中显示基于 @keyframe 的 CSS 动画。很高兴地通知您，这些问题现已成为过去，您可以尽情畅玩了！请查看我们的视频推文预览。
支持自定义 CSS 属性
CSS 将迎来许多新功能，其中之一就是将在 Chrome 49 中推出的自定义变量。我们确保在 DevTools 中提供完整支持，因此，如果您之前在 Sass 中使用过变量，不妨试试原生变量，因为它们可让您在“样式”窗格中动态修改属性并立即更新依赖的元素。
适用于开发者工具的深色主题
我们终于应了过去几年听到过数十次的要求：您现在可以在 DevTools 中选择深色主题。前往开发者工具设置，将主题设置为深色，然后即可畅享。由于其中很多内容都是自动生成的，因此我认为此功能仍处于 Beta 版阶段。如果您发现有任何方面可以改进，请务必告诉我们！
其他优秀选手
- 现在，当您点击完整的“控制台”标签页时，控制台抽屉会自动收起。
- “Sources”（来源）中的文件树经过了全面改进，新增了图标和分组功能
一如既往，您可以通过 Twitter 或下方的评论与我们分享您的想法，并通过 crbug.com/new 提交 bug。
下个月见！
Paul Bakaus 和 DevTools 团队