Chrome dev tools: frame preview is missing on the timeline

Question

Use the option to switch between events, frames and the type of memory on the timeline of the Chrome Dev tools.

Now there is only event viewing :(

My Dev Tools:

Dev Toolkit Documentation:

Answer 1

Here's how to get frame-by-frame information:

1. Make sure the flame diagram is active
2. Click on one of the gray frames to get specific information about this frame.

Answer 2

Removed old UX frames. Now there is one view for the timeline. Frames are now presented as “FPS” in the current field of view. Fault frames are marked with a red tick in the upper part of this view, as well as on the frame itself.

However, unlike the old UX, the new frames are “higher, more FPS”. Therefore, instead of looking for high bars, you should look for short ones. Red marks indicate the main areas of the frame to be searched.

DevTools white papers are being updated to reflect a significant new shift in user experience.

Answer 3

Make sure your frame view is actually visible.

In the example below, the memory window and the frame are so close to each other that it looks like your frame view disappeared.

Just try expanding it by dragging the borders of the frame view window (A and B in the image below).