What's new in Chrome DevTools?

👀 Video: https://www.youtube.com/watch?v=D8Vj8_PktMs

Presented at DublinJS (lightning talk).

The latest DevTools additions to Chrome
which help developers in their day-to-day work.

Online: https://blog.gospodarets.com/whats-new-in-chrome-devtools/#/

Transcript

1. WHAT'S NEW IN CHROME
   DEVTOOLS?
   /
   Serg Gospodarets @malyw
   February 2016, DublinJS
   

   View Slide

2. WHAT IS YOUR MAIN BROWSER FOR DEVELOPMENT?
   

   View Slide

3. PANE TO TOGGLE ELEMENT CLASSES
   Demo (video)
   Twi er Bootstrap bu ons to test
   

   View Slide

4. CPU THROTTLING
   Demo (video)
   WebGL demo to test
   

   View Slide

5. SECURITY PANEL
   Chromium Blog Details
   Image via HTTP on HTTPS page demo to test
   

   View Slide

6. PROMISES INSPECTION AND UNCAUGHT ERRORS
   Chrome Pla orm Details
   Codepen JS demo
   

   View Slide

7. RECORDING VIDEO IN
   CHROME?
   

   View Slide

8. RECORDING VIDEO IN CHROME!
   Demo
   Pinterest (to record page loading video)
   

   View Slide

9. THANK YOU!
   @malyw
   

   View Slide