Changelog 23: Heat Maps 🔥

We shipped Heat Maps, when you open DevTools, select a source, and see the function call counts in the outline view; this makes debugging faster. We made some other product updates and highlighted how we used replay to fix several issues with Comments.
profile photo
Jason Laster
Image without caption
We’re excited to be shipping Heat Maps today! You can now open DevTools, select a source, and see function call counts in the outline view.
Heat Maps make debugging faster. When you hover in the editor, the Hit Count Tooltip appears immediately. The tooltip used to appear in 200ms, now it’s instant! The Outline View now shows function call counts which help you see which functions were called and spot inconsistencies.
Heat Maps can help identify dead code that can be safely removed and hot code that should be refactored. And like all of our backend functionality, Heat Maps are documented in our Protocol, so you can begin playing with it today!
At a high level, the value of Replay is the ability to perform dynamic analysis after the fact. Heat Maps are a small taste of what is to come.

Additional Updates

Multi Line Terminal You can now press shift-enter in the Console and Print Statement terminals to add additional lines.
Comments We removed many of the bugs that were causing Comments to flicker when you added them.
Focus Mode It is now possible to set the current pause position as the start or end of the focus window.
Redux Toolkit Mark (Redux maintainer) is refactoring our Redux setup to Redux Toolkit. Join our Discord Server if you’d like to help out.

Case Study

We thought it would be fun to highlight how Replay helped us debug several of the issues with Comments. This replay shows three issues:
  1. The Transcript prompts the user to Sign In while it’s waiting for authentication to load
  1. The Transcript prompts the user to add a comment while it’s waiting for comments to load
  1. The Comments is initially missing the content while waiting for the editor to load
Image without caption
Related posts
post image
We’re thrilled to share our progress on Performance Analysis: the first practical way to catch performance regressions before they ship to prod.
post image
We’re thrilled to share that we’ve officially migrated from Firefox to Chrome. It’s been a long time coming, but Chrome is better in every way.
post image
This week we’re excited to share Elements Panel V3, which brings one second element loads.
Powered by Notaku