chromedevtools/awesome-chrome-devtools

This repository is a curated list of tools, libraries, and learning resources built around Chrome DevTools and the Chrome DevTools Protocol. Chrome DevTools is the panel of debugging and inspection tools built into Chrome and other browsers. The Chrome DevTools Protocol (CDP) is the underlying communication layer that lets external programs control a browser, inspect network traffic, run JavaScript, take screenshots, and more. This list organizes the ecosystem of projects that use or extend both. The learning section links to sites that collect tips for getting more out of the DevTools panel, including animated gif demonstrations and cheat sheets written for people new to browser debugging. These are aimed at developers who use DevTools directly in the browser window rather than those writing automation scripts. A large portion of the list covers automation. Two widely used libraries sit at the center: Puppeteer, which lets you control a headless Chrome browser from Node.js, and Playwright, which supports Chrome, Firefox, and Safari from a single API across multiple programming languages. Below those are lower-level client libraries for talking to the Chrome DevTools Protocol directly, with options listed for JavaScript, TypeScript, Python, Go, Rust, Java, C#, Ruby, Kotlin, PHP, and Clojure. Other sections cover DevTools extensions that add panels or overlays to the browser for specific frameworks such as React, Angular, Vue, and Redux. There is also a section on using the DevTools front-end interface with non-Chrome runtimes, meaning the same panel that Chrome ships can be pointed at Node.js processes, Electron apps, or other targets. The list is maintained under the ChromeDevTools GitHub organization and accepts community contributions. It follows the standard format of an "awesome list," meaning each entry includes a short description and a link to the relevant project or resource.