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 full-size slide

  2. WHAT IS YOUR MAIN BROWSER FOR DEVELOPMENT?

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  7. RECORDING VIDEO IN
    CHROME?

    View full-size slide

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

    View full-size slide

  9. THANK YOU!
    @malyw

    View full-size slide