/dev tips

🎊   Announcing the new DevTools Pre Launch ModernDevTools.com - A discount, and no subscription fees during this pre-launch period   🎊

(58) Copy and paste the DOM Edit HTML in the Console Panel (60)

Chrome DevTools: Frequent screenshots in the Timeline Panel

16 Jul 2015
Frequent screenshots in the Timeline Panel

You can start capturing screenshots in the Canary Timeline panel. If you move your mouse from the start of the recording to the end, you can see the visual state of the page over time.

You can then match frames which have spiked (or have a warning against) to the relevant screenshot to understand what the page was doing at the point of poor performance.

Sign up to receive a developer tip, in the form of a gif, in your inbox each week.