Deconstructing the Modern Web Browser

Milk and Butter

The ability to "View / Source" -- showing the HTML, CSS, and JavaScript used to implement the current web page -- has been a stalwart feature of every browser since the very beginning. Until recently, viewing the internal workings of the web browser has been more of a closed door.

In this talk, Scott Davis (Principal Engineer, ThoughtWorks) will take you on a guided tour of the inner mechanisms of a web browser. You'll learn about the HTML Rendering Engine (like Blink, Gecko, and WebKit). You'll learn about the Scripting Engine (like V8, SpiderMonkey, and Nitro). With those two pieces of knowledge in hand, we'll discuss running headless browsers (for testing in your CI/CD pipeline) and headless JavaScript engines (perhaps you've heard of NodeJS?). And then the fun really begins, digging into developer consoles, Lighthouse audits for a11y and performance, and automated ways to drive the browser remotely using the Chrome DevTools Protocol, Puppeteer, ThoughtWorks' Gauge and Taiko, and more.

View Slideshow