fucking-awesome-chrome-devtools
Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem. With repository stars⭐ and forks🍴
https://github.com/correia-jpv/fucking-awesome-chrome-devtools
Last synced: 16 days ago
JSON representation
Alumni
Browser Adapters
- 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.
- PonyDebugger - Remote network and Core Data debugging for iOS apps via Chrome DevTools.
- 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-proxyand 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.
- VS Code - Debugger for Chrome - Original Chrome debugger for VS Code (superseded by built-in 1983⭐ 377🍴 vscode-js-debug), which has a rich CDP/DAP implementation).
- 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 53519⭐ 6581🍴 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
- 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 72⭐ 18🍴 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
- dotnet-chrome-protocol - Runtime library and schema codegen
- chrome-devtools-kotlin - Coroutine-based client library
- clj-chrome-devtools - Autogenerated CDP wrapper
- cuic - High-level UI test automation
- chrome-devtools-protocol - Client library
- 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
- Cuprite - Capybara driver
- 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 1596⭐ 321🍴 awesome-playwright).
- Puppeteer - High-level Node.js API for controlling Chrome over CDP and WebDriver BiDi. See also 2583⭐ 173🍴 awesome-puppeteer).
- ChromeDevTools/devtools-protocol - Canonical location of the protocol JSON, TypeScript types, and issue tracker for protocol bugs.
DevTools Extensions
Browser Adapters
- Vue.js Developer Tools - Inspect Vue.js components, state, and routing.
Learning
-
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.
Source
Browser Adapters
Tracing & Profiling
-
speedscope
- Fast, interactive flamegraph viewer that imports Chrome
.cpuprofileand timeline traces. -
cpupro
- Deep V8/Chrome
.cpuprofileanalyzer 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
- 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-frontendUI (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.