Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Chrome Developer tools missing timeline views

So under timeline I would normal see options such as Events, Frames, Memory in the upper left but I no longer do. I'm not sure what I did but what I have there now is two checkboxes: capture stacks and capture memory. How can I get back the original setup?

like image 376
Jason M Avatar asked Jul 19 '14 04:07

Jason M


People also ask

How do I view the Performance tab in Chrome?

To access the Performance tab, navigate to the website you want to profile, then open Chrome DevTools by right-clicking and selecting Inspect. Select the Performance tab inside Chrome DevTools. The easiest way to capture a performance profile is by clicking the Start profiling and reload page icon.

How do I fix dev tools?

Open DevTools. Click the Go to Issues button in the yellow warning bar. Alternatively, select Issues from the More tools menu. Once you're on the Issues tab, click the Reload page button if necessary.


2 Answers

They updated the interface, I'm pretty sure all the functionality is still available.

(In timeline view) * Event mode is the default. * Frames mode can be toggled with the icon next to the trash can. * Memory can by turned on by checking the capture memory checkbox.

like image 108
Bastian Hofmann Avatar answered Sep 18 '22 18:09

Bastian Hofmann


It is in-fact disappointing to see such a feature missing from chrome dev tool. FPS meter can be used to get similar information, but not as good as seeing info realtime in Timeline. FPS meter

In addition to this, for memory details the following script from paulirish is useful,

https://github.com/paulirish/memory-stats.js

enter image description here

like image 45
Rejoy Avatar answered Sep 19 '22 18:09

Rejoy