Chrome 64 DevTools 新功能

参考： https://developers.google.com/web/updates/2017/11/devtools-release-notes#overrides

性能监视器

过去我们可以使用performance工具来分析网页性能，但不能实时监控。 现在有实时的性能监视器啦，在这个面板里面你可以看到网页的：

• CPU 使用率
• JavaScript 堆大小
• DOM 节点，JavaScript事件监听器，documents, frames的总数
• 布局和样式每秒重新计算的次数

打开方式如下图：

效果图：

注：我的Chrome dev tools 用了插件所以是黑色背景。

控制台边栏

有的时候网页控制台会快速输出大量消息导致飞快滚屏，根本看不清楚。现在可以在控制台边栏里面方便地过滤掉无用的消息啦。

控制台消息默认集合成组

如果有很多类似消息将默认折叠在一起，当然还可以展开。