Alumni

Browser Adapters

• PonyDebugger - Remote network and Core Data debugging for iOS apps via Chrome DevTools.
• betwixt - System-level network proxy inspected through a standalone DevTools Network panel.
• PuPHPeteer - PHP bridge to Node Puppeteer.
• Facebook Stetho - Native Android debugging with Chrome DevTools.
• Dirac - ClojureScript debugging with a custom DevTools fork.
• ndb - Improved Node.js debugging experience built on the DevTools frontend.
• thetool - CPU, memory, coverage, and type profiling for Node.js.
• Remote Debug Gateway - Connect a debugging client to multiple browsers at once.
• DevTools Remote - Remotely debug someone else's browser.
• DevTools Backend - Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments.
• pychrome - Low-level CDP transport handler.
• ios-webkit-debug-proxy - Exposes Mobile Safari & UIWebView instances via CDP.
• Remote Debug iOS WebKit adapter - Builds on ios-webkit-debug-proxy and translates WebKit's Remote Debugging Protocol to CDP.
• IE Diagnostics Adapter - Protocol adapter translating IE 11 to CDP.
• Insight - WebGL debugging toolkit for Chrome DevTools.
• noice-json-rpc - Proxy-based TypeScript/JS library exposing CDP domains directly as an API.

Chrome DevTools Protocol

Agentic Browser Automation

• Lumen - Vision-first browser agent with self-healing deterministic replay over CDP.
• chrome-devtools-mcp - Official MCP server for Chrome DevTools, which also includes a CLI.
• Webcmd - Compiles site navigation into deterministic per-site CLI commands for AI agents.
• bdg - Persistent background CDP session exposing DOM, network, console, and raw protocol methods as shell commands.

Browser Adapters

• Inspect - Use DevTools against iOS and Android browsers and WebViews. (closed source)
• devtools-remote-debugger - Debug a webpage remotely via a CDP agent implemented in client-side JS.

Developing with the protocol

• chrome-remote-interface Wiki - Handy recipes for common raw-CDP tasks.
• Chrome Protocol Proxy - Proxy for inspecting and debugging CDP client traffic.

Libraries for driving the protocol (or a layer above)

• chrome-remote-interface - Low-level CDP client
• chrome-devtools-java-client - Low-level protocol client
• jvppeteer - Headless Chrome for Java
• PyCDP - Sans-IO wrappers (see also Trio driver)
• ChromeController - High-level browser mgmt
• chromedp - High-level actions and tasks
• cdp - Type-safe bindings for CDP
• Rod - High-level automation and scraping
• Puppeteer Sharp - Puppeteer port
• Cuprite - Capybara driver
• chrome-devtools-kotlin - Coroutine-based client library
• clj-chrome-devtools - Autogenerated CDP wrapper
• cuic - High-level UI test automation
• chrome-devtools-protocol - Client library
• dotnet-chrome-protocol - Runtime library and schema codegen
• chromiumoxide - Async/tokio library with generated types
• Rust Headless Chrome - High-level headless Chrome client
• Zendriver - Async CDP browser automation
• Ferrum - High-level API to control Chrome
• kdriver - High-level coroutine-based automation

The big two automation libraries

• Playwright - Cross-browser automation for Chromium, Firefox, and WebKit across Node.js, Python, .NET, and Java. See also awesome-playwright.
• Puppeteer - High-level Node.js API for controlling Chrome over CDP and WebDriver BiDi. See also awesome-puppeteer.

• ChromeDevTools/devtools-protocol - Canonical location of the protocol JSON, TypeScript types, and issue tracker for protocol bugs.
• DevTools Protocol API Docs - Browsable UI for exploring the protocol's domains, methods, and events.
• Protocol Monitor

DevTools Extensions

Browser Adapters

• Clockwork - PHP application profiling and request inspection in DevTools.
• React Developer Tools - Inspect React component hierarchies, props, and profiler flamegraphs.
• Ember.js Inspector - Inspect Ember.js objects, routes, and data.
• Redux Devtools - Time-travel debugging and action history for Redux.
• Web Component DevTools - Inspect, modify, and observe custom elements and shadow DOM on the page.
• Angular DevTools - Component tree inspection and change-detection profiling for Angular.
• Vue.js Developer Tools - Inspect Vue.js components, state, and routing.

Learning

• Dev Tips - Large collection of tips as animated gifs.
• DevTools Tips - Collection of illustrated tips as mini tutorials.
• Web cheatcodes - Browser developer tools for non-developers.
• Chrome Secret Menus - Guide to Chrome's internal chrome:// pages and diagnostic tools.
• Front-end Debugging Tools Handbook - Practical guide to front-end debugging across DevTools, framework extensions, and IDEs.

Tracing & Profiling

• trace.cafe - Share and view web performance traces directly in the DevTools Performance panel (source).
• speedscope - Fast, interactive flamegraph viewer that imports Chrome .cpuprofile and timeline traces.
• cpupro - Deep V8/Chrome .cpuprofile analyzer with flamegraphs, call trees, and hot-spot diagnostics.
• Perfetto - System profiling and trace analysis suite (ui.perfetto.dev) with Chromium trace support and SQL trace querying.

Using DevTools frontend with other platforms

Browser Adapters

• Debugging Node.js with Chrome DevTools - Guide on debugging and profiling Node.js with node --inspect.
• VS Code - Elements for Microsoft Edge - Elements and Network panels embedded inside VS Code.
• ruby/debug - Ruby's official debugger, which supports connecting Chrome DevTools over CDP (rdbg --open=chrome).
• ChromeDevTools/devtools-frontend - Canonical source repo for the Chrome DevTools UI (published to npm as chrome-devtools-frontend).
• Chii - Remote debugging server using the real devtools-frontend UI (Chii, a modern Weinre replacement) and in-page mobile DevTools console (Eruda).
• vscode-js-debug - Official DAP-compliant JavaScript and Chrome CDP debugger powering VS Code.