chrome devtools 2015 différent puis 2013 vidéos

Question

Je me demande si quelqu'un peut me renseigner sur l'histoire de l'onglet chronologie de la devtools chrome.

Je suis actuellement plonger profondément dans les applications Web et la performance du site Web afin de combattre jankiness (un grand merci à Addy Osmany, Paul Irish et Paul Lewis BTW). Donc, je suis des didacticiels vidéo de http://jankfree.org/, mais toutes les vidéos sont à partir de 2013, et je remarque de nombreuses différences dans la présentation des devtools, mais pas seulement ...

La différence la plus ennuyante est que lorsque j'appuie sur le En revanche, contrairement à ce qui se passe dans les vidéos, les graphiques en direct ne sont PAS dessinés lorsque j'interagis avec la page. Les graphiques ne sont dessinés qu'une fois que j'arrête l'enregistrement ...

Si seulement je pouvais visualiser les graphiques en interagissant avec la page, cela me permettrait de mieux identifier quelles parties du graphique correspondent à mes interactions.

Je suis sur le dernier chrome stable (version ~ 41) sur MAC, et le dernier navigateur Iron à ce jour, qui "souffre" des mêmes différences exactes.

Answer 1

Nous ne pouvons malheureusement plus effectuer d'enregistrement en direct.

je recommande annoter votre page avec console.time('this part'); et console.timeEnd('this part');

Cela vous permettra d'actions associés plus facile aux résultats.