awesome-chrome-devtools

Large collection of tips as animated gifs

Collection of illustrated tips as mini tutorials

Various workflows, documented. Also a weekly tips & tricks

Browser developer tools for non-developers

A collection of snippets to use in the browser console

immutable-devtools

Custom formatter for Immutable-js values

betwixt

System level network proxy, providing inspection via Network panel

A HTTP protocol debugger

call-trace

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

cpuprofilify

Converts output of various profiling/sampling tools to the format

Profiling data can export as

snapline

Converts timeline screenshots to gif

Share URLs of your timeline recordings

VS Code - Debugger for Chrome

Breakpoint debugging in VS Code

VS Code - Elements for Microsoft Edge

Elements panel inside VS Code

ChromeREPL

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

ChromeDevTools/devtools-protocol

. Issue tracker for protocol bugs. TypeScript types

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

chrome-remote-interface Wiki

Many useful recipes

Chrome Protocol Proxy

Tool for debugging clients using devtools protocol

Puppeteer

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

Playwright

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

chrome-remote-interface

JavaScript/Node.js:

chrome-debugging-client

TypeScript/Node.js:

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

Taiko

Typescript/Node.js:

Rust Headless Chrome

Rust:

chrome-devtools-java-client

Java:

jvppeteer

Java: - Headless Chrome For Java

PyCDP

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

chromewhip

Python: - drop-in replacement for the service

pyppeteer

Python: - puppeteer port

ChromeController

Python: - high-level browser mgmt

chromedp

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

cdp

Go:

gcd

Go:

godet

Go:

Rod

Go:

Puppeteer Sharp

C#/.NET: - puppeteer port

chrome-dev-tools

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

Ferrum

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

Cuprite

Ruby: - Capybara driver

chrome-reactive-kotlin

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

chrome-devtools-kotlin

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

clj-chrome-devtools

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

cuic

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

chrome-devtools-protocol

PHP: - A PHP client library for the protocol

PuPHPeteer

PHP: - php bridge to node puppeteer

devtools-remote-debugger

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

Use devtools against iOS and Android, easily. Browser and Webviews

Facebook Stetho

Native Android debugging with Chrome DevTools

j2v8-debugger

Debugging JavaScript running in 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

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

thetool

CPU, memory, coverage, type profiling with Node

Mirror of the frontend that ships in Chrome

ruby/debug

Debugging functionality for Ruby

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 EmberJS objects in your application

VueJS Developer Tools

Inspect VueJS components and manipulate their data

Inspect an Angular application's scope and profile its data

Debugging and Profiling for Angular 2 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

Insight

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

BEM devtools

Inspect BEM entities expressed in 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

sloth

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

TracerBench

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

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

Remote Debug Gateway

Allows you to connect a client to multiple browsers at once

DevTools Remote

Multiuser DevTools: - Remotely debug someone else's browser

DevTools Backend

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

pychrome

Python CDP driver: - low level CDP transport handler

ios-webkit-debug-proxy

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

IE Diagnostics Adapter

Protocol adaptor for Microsoft IE 11 to CDP