Chrome DevTools

Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also [awesome-puppeteer](https://github.com/transitive-bullshit/awesome-puppeteer).

Playwright

Library to automate Chromium, Firefox and WebKit with a single API. Available for Node.js, Python, .Net, Java. See also [awesome-playwright](https://github.com/mxschmitt/awesome-playwright).

Libraries for driving the protocol (or a layer above)

JavaScript/Node.js: chrome-remote-interface
TypeScript/Node.js: chrome-debugging-client
TypeScript/Node.js: noice-json-rpc - A proxy-based implementation to expose the CDP as its API.
TypeScript/Node.js: Taiko
TypeScript/Node.js: Lumen - Vision-first browser agent with self-healing deterministic replay over CDP.
Rust: Rust Headless Chrome
Java: chrome-devtools-java-client
Java: jvppeteer - Headless Chrome For Java
Python: PyCDP - Pure-Python, sans-IO wrappers. See also the Trio CDP driver
Python: chromewhip - drop-in replacement for the splash service
Python: pyppeteer - Puppeteer port
Python: ChromeController - high-level browser mgmt
Go: chromedp - High-level actions and tasks for driving browsers
Go: cdp
Go: gcd
Go: godet
Go: Rod
C#/.NET: Puppeteer Sharp - Puppeteer port
C#/dotnet: chrome-dev-tools - Protocol wrapper generator that can be customized by editing handlebars templates. Includes .Net Core template.
C#/.NET: dotnet-chrome-protocol - A runtime library and schema code generation tools for Chrome DevTools Protocol support in C#/.NET.
Ruby: Ferrum - high-level API to control Chrome in Ruby
Ruby: Cuprite - Capybara driver
Kotlin: chrome-reactive-kotlin - reactive (rxjava 2.x), low-level client library in Kotlin
Kotlin: chrome-devtools-kotlin - A coroutine-based client library, providing low-level CDP primitives and high-level extensions.
Clojure: clj-chrome-devtools - The CDP wrapper API is autogenerated and will be updated when CDP protocol changes.
Clojure: cuic - Providing a high-level API for UI test automation over the DevTools Protocol.
PHP: chrome-devtools-protocol - A PHP client library for the protocol.
PHP: PuPHPeteer - PHP bridge to node Puppeteer

Browser Adapters

devtools-remote-debugger

Use devtools against a webpage; a CDP agent implemeted in client-side JS.

Inspect

Use devtools against iOS and Android, easily. Browser and Webviews. **(closed source)**

Using DevTools frontend with other platforms

Facebook Stetho

Native Android debugging with Chrome DevTools.

j2v8-debugger

Debugging JavaScript running in [J2V8](https://github.com/eclipsesource/J2V8) with Chrome DevTools.

Dirac

Debugging of ClojsureScript.

PonyDebugger

Remote network and data debugging iOS apps with Chrome DevTools.

ndb

An improved Node.js debugging experience with the DevTools Frontend.

Debugging Node.js with Chrome DevTools

Guide on using the full debugging and profiling support in Node v6.3+.

thetool

CPU, memory, coverage, type profiling with Node.

chrome-devtools-frontend

Mirror of the frontend that ships in Chrome.

ruby/debug

Debugging functionality for Ruby.

Android

ClojureScript

iOS

Node.js

Ruby

Applications

Browsers

BrowserBox

Embed Chrome in a web page, largely powered by DevTools and supporting multiuser browsing, remote DevTools, audio, and documents like `.docx`, `.pdf`, and more.

Puppetromium

A proof-of-concept web browser built with Puppeteer, written in Node.js, HTML and CSS, with 0% client-side JavaScript.

Web Archivers and Indexers

Archive and index pages you browse for offline viewing and search, implemented using the `Fetch` domain's interceptions, and works with any Chromium-based browser.

DevTools Extensions

Workflow

Clockwork

View PHP application profiling data.

RailsPanel

View Ruby on Rails application profiling data.

React Developer Tools

Inspect the React component hierarchies.

Ember.js Inspector

Allows you to inspect Ember.js objects in your application.

Vue.js Developer Tools

Inspect Vue.js components and manipulate their data.

Angular DevTools

Debugging and Profiling for Angular applications.

Backbone Debugger

Inspect a Backbone application's views, models, events, and routes.

Redux Devtools

Inspect Redux with actions history, undo and replay.

Insight

A WebGL debugging toolkit which enables more productive WebGL development and more efficient WebGL applications.

BEM devtools

Inspect BEM entities expressed in `i-bem` framework.

Web Component DevTools

Inspect, modify and observe Web Components on page.

Themes

Material UI Theme

Provides various Material Design inspired themes.

Performance

sloth

Chrome extension allows to enable and save CPU and network throttling for selected tabs.

TracerBench

A controlled performance benchmarking tool for web applications, providing clear, actionable and usable insights into performance deltas.

Automation

Puppeteer IDE

Standalone Puppeteer playground in browser's developer tools.

k6 browser

Browser automation and end-to-end web testing tool that interacts with browsers and collects frontend performance metrics.

Alumni

Remote Debug Gateway

Allows you to connect a client to multiple browsers at once.

DevTools Backend

Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments.

ios-webkit-debug-proxy

Exposes Mobile Safari & UIWebView instances via the CDP.

IE Diagnostics Adapter

Protocol adaptor for Microsoft IE 11 to CDP.

go-debugger-devtools

Old projects, likely not maintained any longer… But still cool.

Multiuser DevTools: DevTools Remote - Remotely debug someone else's browser.
Python CDP driver: pychrome - low level CDP transport handler
- Remote Debug iOS WebKit adapter - Builts upon ios-webkit-debug-proxy and translates WebKit's Remote Debugging Protocol API to the CDP.