Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

chrome dev tools: frame view is missing from timeline

There used to an option to switch between events, frames and memory view in the Chrome Dev tools timeline.

Now, there is only the events view :(

My Dev tools:

missing frames view

Dev tools documentation:

enter image description here

like image 897
CodeToad Avatar asked Jan 20 '16 13:01

CodeToad


2 Answers

The old frames UX was removed. Now there is a single view provided for the Timeline. Frames are now presented as 'FPS' in the current overview area. Trouble frames are marked with a red tick both at the top of that view and on the frame itself.

Unlike the old UX however, the new frames is "higher is more FPS". So instead of looking for tall bars, you should look for short ones. The red ticks point out the major frame areas to look out for.

The official DevTools docs are currently being updated to reflect the new major shift in user experience.

new_frames_view

like image 64
Garbee Avatar answered Oct 18 '22 06:10

Garbee


Make sure that your frame view is actually visible.

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

Just simply try to expand it by dragging the frame view window borders (A and B in image below).

enter image description here

like image 42
GibboK Avatar answered Oct 18 '22 04:10

GibboK