Chrome DevTools

Large collection of tips as animated gifs.

Collection of illustrated tips as mini tutorials.

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

Browser developer tools for non-developers.

A collection of snippets to use in the browser console.

Comprehensive guide to internal pages and diagnostic tools in Chrome.

Custom formatter for Immutable-js values.

System level network proxy, providing inspection via Network panel.

A HTTP protocol debugger (closed source)

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.

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

Profiling data can export as .cpuprofile.

Converts timeline screenshots to gif.

Share URLs of your timeline recordings.

Breakpoint debugging in VS Code.

Elements panel inside VS Code.

Within Sublime Text, use the Chrome console.

JavaScript Breakpoint debugging right in Sublime Text.

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

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

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

Many useful recipes.

Tool for debugging clients using devtools protocol.

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

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

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

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

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

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

Native Android debugging with Chrome DevTools.

Debugging JavaScript running in J2V8 with Chrome DevTools.

Debugging of ClojsureScript.

Remote network and data debugging iOS apps with Chrome DevTools.

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

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

CPU, memory, coverage, type profiling with Node.

Mirror of the frontend that ships in Chrome.

Debugging functionality for Ruby.

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

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

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.

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.

Experiment with multiple devices being emulated at the same time.

View Ruby on Rails application profiling data.

Inspect the React component hierarchies.

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

Inspect Vue.js components and manipulate their data.

Debugging and Profiling for Angular applications.

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

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

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

Inspect Redux with actions history, undo and replay.

Edit any three.js project.

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

Inspect BEM entities expressed in i-bem framework.

Inspect the Metal component hierarchies.

Inspect, modify and observe Web Components on page.

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

Dark theme for Chrome Developer Tools.

Provides various Material Design inspired themes.

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

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

Standalone Puppeteer playground in browser's developer tools.

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

Allows you to connect a client to multiple browsers at once.Multiuser DevTools: DevTools Remote - Remotely debug someone else's browser.

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

Python CDP driver: pychrome - low level CDP transport handler

Exposes Mobile Safari & UIWebView instances via the CDP.Remote Debug iOS WebKit adapter - Builts upon ios-webkit-debug-proxy and translates WebKit's Remote Debugging Protocol API to the CDP.

Protocol adaptor for Microsoft IE 11 to CDP.