User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Chrome DevTools

Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Dec. 4, 2020, 12:09 p.m.

Thank you ChromeDevTools & contributors
View Topic on GitHub:
ChromeDevTools/awesome-chrome-devtools

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

Learning

Chrome DevTools code snippets

1.68K
192
4y 32d
n/a

Large collection of tips as animated gifs.

Multiuser DevTools

Debug your browser tabs remotely via Chrome DevTools

626
32
3y 7m
MIT

Object formatting

Chrome Dev Tools custom formatter for Immutable-js values

632
35
1y 24d
BSD-3-Clause

Network Inspection

Web Debugging Proxy based on Chrome DevTools Network panel.

4.26K
148
1y 11m
MIT

A HTTP protocol debugger (closed source)

CPU profile

17
6
4y 9m
Apache-2.0

Converts output of various profiling/sampling tools to the .cpuprofile format so it can be loaded into Chrome DevTools.

150
15
3y 7m
MIT

Multimedia

Unleash your screenshots stored in Chrome Devtool timeline files

368
16
4y 8m
MIT

Timeline, Tracing & Profiling

Chrome Debugger integration with Editors

Debug your JavaScript code running in Google Chrome from VS Code.

1.97K
305
109d
n/a

A VSCode extension that allows you to use browser devtools from within the editor. The devtools will connect to an instance of Microsoft Edge giving you the ability to alter CSS styling, perform diagnostics, and debugging.

267
20
3d
MIT

A Sublime Text plugin to execute JavaScript in Google Chrome

346
9
2y 5m
MIT

JavaScript Breakpoint debugging right in Sublime Text.

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

Chrome DevTools Protocol

Chrome DevTools Protocol

561
103
3d
n/a

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

Developing with the protocol

Chrome Debugging Protocol interface for Node.js

3.26K
261
4m
MIT

Chrome DevTools Protocol Proxy - intelligent proxy for debugging purposes

90
16
6m
MIT

A gateway for RemoteDebug (Chrome Remote Debugging) connections, that allows you to connect a client to multiple browsers at once

76
7
5y 32d
MIT

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

98
19
2y 89d
Apache-2.0

ViewFinder - the browser made into a web app. WTF RBI. CBII. Remote browser isolation, embeddable browserview, secure chrome saas. Licenses, managed, self-hosted. Like S2, WebGap, Bromium, Authentic8, Menlo Security and Broadcom, but open source with free live demos available now! Also, integrated RBI/CDR with CDR from https://github.com/dosyago/p2%2e

1.11K
94
20d
n/a

The official Selenium/WebDriver implementation for Chrome is implemented on top of the DevTools Protocol.

Automation

Headless Chrome Node.js API

67.1K
6.95K
4d
Apache-2.0

Headless chrome/chromium automation library (unofficial port of puppeteer)

641
61
94d
n/a

A high-level API to control headless Chrome or Chromium over the DevTools Protocol. It is the Rust equivalent of Puppeteer, a Node library maintained by the Chrome DevTools team.

571
63
107d
n/a

Headless Chrome .NET API

1.61K
238
26d
MIT

Lets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer

536
16
8m
n/a

A Puppeteer bridge for PHP, supporting the entire API.

901
61
37d
MIT

A node.js library for testing modern web applications

2.47K
183
94d
MIT

Protocol Driver Libraries

Chrome Debugging Protocol interface for Node.js

3.26K
261
4m
MIT

An async / await friendly debugging client for chrome

95
17
109d
BSD-2-Clause

Chrome DevTools java client.

93
26
5m
Apache-2.0

Python type wrappers for Chrome DevTools Protocol (CDP)

20
5
7m
MIT

Scriptable Google Chrome™ as a HTTP service + asyncio driver

93
12
4m
MIT

A Python Package for the Google Chrome Dev Protocol [threading base]

443
77
1y 7m
n/a

Comprehensive wrapper and execution manager for the Chrome browser using the Chrome Debugging Protocol.

137
13
4m
n/a

A faster, simpler way to drive browsers supporting the Chrome DevTools Protocol.

5.21K
448
96d
MIT

Package cdp provides type-safe bindings for the Chrome DevTools Protocol (CDP), written in the Go programming language.

498
35
56d
MIT

Unofficial implementation of the Google Chrome Remote Debugger in Go

169
27
94d
MIT

Remote client for Chrome DevTools

306
30
7m
MIT

Dot Net Core based Chrome Debugger Protocol Generator

50
15
6m
MIT

Headless Chrome/Chromium driver for Capybara

659
40
4m
MIT

A client implementation of the Chrome DevTools Protocol in Ruby

101
19
12m
MIT

Headless Chrome DevTools Protocol Client (RxJava2 + Kotlin)

62
8
2d
Apache-2.0

Clojure API for controlling a Chrome DevTools remote

93
10
109d
MIT

Chrome Devtools Protocol client for PHP

102
21
98d
MIT

Web-service testing framework with a Java API to automate Chrome

Browser Adapters

RemoteDebug protocol adaptor for Firefox

115
13
4y 4m
n/a

A DevTools proxy (Chrome Remote Debugging Protocol) for iOS devices (Safari Remote Web Inspector).

5.04K
428
63d
n/a

Debug Safari and WebViews on iOS from tools like VS Code and Chrome DevTools

2.31K
151
17d
n/a

IE Diagnostics Adapter is a standalone exe that enables tools to debug and diagnose IE11 using the Chrome remote debug protocol.

581
45
4y 6m
n/a

Android

Stetho is a debug bridge for Android applications, enabling the powerful Chrome Developer Tools and much more.

12.13K
1.11K
1y 51d
MIT

This project is an add-on for the excellent J2V8 Project. It allows users to debug JS running in V8 using Chrome DevTools. Uses Stetho for communication with Chrome DevTools.

43
11
5m
n/a

ClojureScript

A Chrome DevTools fork for ClojureScript developers

725
31
8d
n/a

Lua

a Lua 5.3 debugger

241
35
3y 14d
n/a

iOS

Remote network and data debugging for your native iOS app using Chrome Developer Tools

5.82K
614
63d
n/a

Go

Go Debugger using Google Chrome Devtools

39
1
3y 4m
Apache-2.0

Node.js

ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools

10.23K
243
1y 84d
Apache-2.0

thetool is a CLI tool to capture different cpu, memory and other profiles for your node app in Chrome DevTools friendly format

171
1
1y 4m
Apache-2.0

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

Mirror of the frontend that ships in Chrome.

Accessibility (A11y)

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.

Workflow

⚙️ Browser devtools extension for debugging Vue.js applications.

18.85K
2.99K
107d
MIT

A helpful Chrome extension for WebGL development

860
44
1y 7m
MIT

View PHP application profiling data.

Experiment with multiple devices being emulated at the same time.

View Ruby on Rails application profiling data.

Allows you to inspect EmberJS objects in your application.

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.

Themes

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.

Performance

Sloth - an extension slowing down page loading to bring real user experience

189
10
1y 7m
MIT

Automated Chrome tracing for benchmarking.

179
23
16d
BSD-2-Clause