Welcome back! New features coming to DevTools in Chrome 64 include:
- Performance Monitor. View a page's performance in real-time.
- Console Sidebar. Reduce Console noise and focus on the messages that are important to you.
- Group similar Console messages. The Console now groups similar messages together by default.
Use the Performance Monitor to get a real-time view of various aspects of a page's performance, including:
- CPU usage.
- Layouts and style recalculations per second.
To use the Performance Monitor:
- Open the Command Menu.
Show Performance Monitor.
Click a metric to show or hide it. In Figure 1 the CPU Usage, JS heap size, and JS event listeners charts are shown.
On large sites, the Console can quickly get flooded with irrelevant messages. Use the new Console Sidebar to reduce the noise and focus on the messages that are important to you.
The Console Sidebar is hidden by default. Click Show Console Sidebar to show it.
Group similar Console messages
The Console now groups similar messages together by default. For example, in Figure 3
there are 27 instances of the message
[Violation] Avoid using document.write().
Click on a group to expand it and see each instance of the message.
Uncheck the Group Similar checkbox to disable this feature.
The best place to discuss any of the features or changes you see here is the email@example.com mailing list. You can also tweet us at @ChromeDevTools if you're short on time. If you're sure that you've encountered a bug in DevTools, please open an issue.
Previous release notes
See the devtools-whatsnew tag for links to all previous DevTools release notes.