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: Feb. 26, 2021, 3:02 a.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
197
4y 116d
n/a

Large collection of tips as animated gifs.

Multiuser DevTools

Debug your browser tabs remotely via Chrome DevTools

630
32
3y 10m
MIT

Object formatting

Chrome Dev Tools custom formatter for Immutable-js values

630
35
1y 108d
BSD-3-Clause

Network Inspection

Web Debugging Proxy based on Chrome DevTools Network panel.

4.27K
149
2y 68d
MIT

A HTTP protocol debugger (closed source)

CPU profile

17
6
4y 12m
Apache-2.0

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

151
15
3y 10m
MIT

Multimedia

Unleash your screenshots stored in Chrome Devtool timeline files

369
16
4y 11m
MIT

Timeline, Tracing & Profiling

Chrome Debugger integration with Editors

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

1.97K
305
6m
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.

300
29
15d
MIT

A Sublime Text plugin to execute JavaScript in Google Chrome

346
9
2y 8m
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

603
109
9d
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
6m
MIT

Chrome DevTools Protocol Proxy - intelligent proxy for debugging purposes

93
16
9m
MIT

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

78
7
5y 116d
MIT

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

101
20
2y 5m
Apache-2.0

ViewFinder - NodeJS product to make the browser 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.14K
100
10d
n/a

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

Automation

Headless Chrome Node.js API

68.92K
7.2K
3d
Apache-2.0

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

641
61
5m
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
6m
n/a

Headless Chrome .NET API

1.72K
254
9d
MIT

Headless Chrome Ruby API

977
50
41d
MIT

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

539
16
11m
n/a

A Puppeteer bridge for PHP, supporting the entire API.

901
61
4m
MIT

Node.js library to automate Chromium, Firefox and WebKit with a single API

21.73K
877
2d
Apache-2.0

A node.js library for testing modern web applications

2.47K
183
5m
MIT

Protocol Driver Libraries

Chrome Debugging Protocol interface for Node.js

3.26K
261
6m
MIT

An async / await friendly debugging client for chrome

95
17
6m
BSD-2-Clause

Chrome DevTools java client.

93
26
8m
Apache-2.0

Headless Chrome For Java (Java 爬虫)

148
36
40d
Apache-2.0

Python type wrappers for Chrome DevTools Protocol (CDP)

20
5
10m
MIT

Scriptable Google Chrome™ as a HTTP service + asyncio driver

93
12
7m
MIT

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

443
77
1y 9m
n/a

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

137
13
7m
n/a

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

5.21K
448
6m
MIT

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

515
36
4m
MIT

Unofficial implementation of the Google Chrome Remote Debugger in Go

169
27
5m
MIT

Remote client for Chrome DevTools

306
30
10m
MIT

A Devtools driver for web automation and scraping

1.35K
79
5d
MIT

Dot Net Core based Chrome Debugger Protocol Generator

50
15
8m
MIT

Headless Chrome/Chromium driver for Capybara

659
40
7m
MIT

A client implementation of the Chrome DevTools Protocol in Ruby

101
19
1y 81d
MIT

Headless Chrome DevTools Protocol Client (RxJava2 + Kotlin)

61
8
2d
Apache-2.0

Clojure API for controlling a Chrome DevTools remote

93
10
6m
MIT

Chrome Devtools Protocol client for PHP

102
21
6m
MIT

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

Browser Adapters

RemoteDebug protocol adaptor for Firefox

115
13
4y 7m
n/a

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

5.12K
434
41d
n/a

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

2.42K
154
101d
n/a

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

579
45
4y 9m
n/a

Android

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

12.15K
1.12K
1y 4m
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.

49
12
8m
n/a

ClojureScript

A Chrome DevTools fork for ClojureScript developers

730
31
92d
n/a

Lua

a Lua 5.3 debugger

242
34
3y 98d
n/a

iOS

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

5.83K
611
4m
n/a

Go

Go Debugger using Google Chrome Devtools

39
1
3y 7m
Apache-2.0

Node.js

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

10.32K
246
1y 5m
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

174
1
1y 7m
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.

19.44K
3.11K
26d
MIT

A helpful Chrome extension for WebGL development

865
46
1y 10m
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

188
10
1y 10m
MIT

Automated Chrome tracing for benchmarking.

187
23
15d
BSD-2-Clause