Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What's new in Chrome DevTools?

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/#/

Serg Hospodarets

February 02, 2016
Tweet

More Decks by Serg Hospodarets

Other Decks in Programming

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