The Chrome DevTools Protocol!

on YouTube ↗31m

" summary

Demonstrates controlling a browser over the Chrome DevTools Protocol by connecting to a WebSocket endpoint, spawning a visible browser with puppeteer and issuing low level commands with chrome remote interface. Captures console events and exceptions, pauses on exceptions, and writes screenshots (loaded.png / example.png) so failures are reproducible. Shows multiple clients can attach (DevTools UI plus program), works with Chrome and Edge, and is language agnostic since it uses WebSockets.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 4:04Dev Tools UI
3. 4:59How Hosts and Dev Tools integrate
4. 5:37Chrome Dev Tools Protocol
5. 6:50Puppeteer
6. 8:14Chrome Remote Interface

" related talks

• 30mExploring the Chrome Debugger Protocol for Test AuthoringBenjamin Gruenbaum · DevDays Europe 2019
• 30mPowerful Automation with the Chrome DevTools ProtocolTrent Willis · Nordic.js 2018
• 25mDevTools and Headless Chrome–The Automation Power-CoupleYonatan Mevorach · FrontCon 2018
• 32mDevTools and Headless Chrome - The Automation Power CoupleYonatan Mevorach · GDG DevFest Ukraine 2017
• 29mNext level of Front end testing with Devtools and WebDriverSrinivasan Sekar, Fathima Harris · SeleniumConf London 2019
• 31mDevTools and Headless Chrome - The Automation Power-CoupleYonatan Mevorach · Øredev 2018
• 44mNext Gen Front end testing with DevTools and WebDriverFathima Harris · DelEx Conference 2020: DevOps & Test Automation
• 20mGoing steady with the Chrome Dev ToolsPaul Irish · JSConf US 2011