Powerful Automation with the Chrome DevTools Protocol

A presentation at Nordic.js in in Stockholm, Sweden by Trent Willis

Many developers are familiar with the powerful Chrome DevTools that help us inspect, profile, and debug our web applications. But, did you know that Chrome exposes virtually all the same information and capabilities via an API that you can use in JavaScript?

In this talk, we’ll look at how you can start using the Chrome DevTools Protocol today to unlock powerful automation techniques for your web application. We’ll cover how to start using the protocol through Puppeteer and then dive into some of the really exciting possibilities that have opened up when using this in conjunction with headless browsers, such as holistic end-to-end testing, the collection of code usage metrics, and new service paradigms.

Video

Resources

The following resources were mentioned during the presentation or are useful additional information.

  • Demos

    A GitHub repo of all the demos presented in this talk (and more!)

  • ChitChat

    The demo chat app used in the talk

Buzz and feedback

Here’s what was said about this presentation on social media.