Chrome DevTools

Go

Tool for debugging clients using devtools protocol.

TypeScript/Node.js

C#/dotnet: - Protocol wrapper generator that can be customized by editing handlebars templates. Includes .Net Core template.

Java

Kotlin: - A coroutine-based client library, providing low-level CDP primitives and high-level extensions.

PHP: - A PHP client library for the protocol.

Kotlin: - reactive (rxjava 2.x), low-level client library in Kotlin

JavaScript/Node.js

Many useful recipes.

Python: - high-level browser mgmt

Canonical location of the protocol JSON**. Issue tracker for protocol bugs. TypeScript types.

Go: - High-level actions and tasks for driving browsers

Python: - drop-in replacement for the `splash` service

Clojure: - The CDP wrapper API is autogenerated and will be updated when CDP protocol changes.

Clojure: - Providing a high-level API for UI test automation over the DevTools Protocol.

Ruby: - Capybara driver

Easy browsable UI for exploring the protocol's domains, methods and events.

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

C#/.NET: - A runtime library and schema code generation tools for Chrome DevTools Protocol support in C#/.NET.

Ruby: - high-level API to control Chrome in Ruby

Go

Go

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

Java: - Headless Chrome For Java

Typescript/Node.js: - A proxy-based implementation to expose the CDP as its API.

Library to automate Chromium, Firefox and WebKit with a single API. Available for Node.js, Python, .Net, Java. See also awesome-playwright.

PHP: - php bridge to node puppeteer

Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also awesome-puppeteer.

C#/.NET: - puppeteer port

Python: - Pure-Python, sans-IO wrappers. See also the

Python: - puppeteer port

Go

Rust

Typescript/Node.js

Python: - Pure-Python, sans-IO wrappers. See also the

Inspect an Angular application's scope and profile its data.

Inspect a Sencha ExtJS/Touch application's component tree, data stores, events, and layouts.

Debugging and Profiling for Angular 2 applications.

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

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

See how your web app will look to people with different types of vision and the path users will travel when tabbing through your page.

View PHP application profiling data.

A selection of themes to modify parts of DevTools related to authoring web applications.

Allows you to inspect EmberJS objects in your application.

Experiment with multiple devices being emulated at the same time.

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

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

Inspect a Marionette application's views, events, and live data.

Provides various Material Design inspired themes.

Inspect the Metal component hierarchies.

Standalone Puppeteer playground in browser's developer tools.

View Ruby on Rails application profiling data.

Inspect the React component hierarchies.

Inspect Redux with actions history, undo and replay.

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

Edit any three.js project.

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

Inspect VueJS components and manipulate their data.

Inspect, modify and observe Web Components on page.

Dark theme for Chrome Developer Tools.

System level network proxy, providing inspection via Network panel.

Can instrument your JS with hooks, and then generate a `.cpuprofile` of the of the complete (non-sampled) execution. View either time or call counts.

Within Sublime Text, use the Chrome console.

Converts output of various profiling/sampling tools to the `.cpuprofile` format.

Share URLs of your timeline recordings.

Custom formatter for Immutable-js values.

Converts timeline screenshots to gif.

JavaScript Breakpoint debugging right in Sublime Text.

Breakpoint debugging in VS Code.

Elements panel inside VS Code.

The WebStorm IDE can debug JavaScript, view the DOM tree, and edit HTML, CSS and JS live.

A HTTP protocol debugger **(closed source)**

Profiling data can export as `.cpuprofile`.

Various workflows, documented. Also a weekly tips & tricks newsletter.

A collection of snippets to use in the browser console.

Large collection of tips as animated gifs.

Collection of illustrated tips as mini tutorials.

Browser developer tools for non-developers.

Mirror of the frontend that ships in Chrome.

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

Debugging of ClojsureScript.

Native Android debugging with Chrome DevTools.

Debugging JavaScript running in J2V8 with Chrome DevTools.

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

Remote network and data debugging iOS apps with Chrome DevTools.

Debugging functionality for Ruby.

CPU, memory, coverage, type profiling with Node.