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.
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
Multiuser DevTools
Debug your browser tabs remotely via Chrome DevTools
Object formatting
Chrome Dev Tools custom formatter for Immutable-js values
Network Inspection
Web Debugging Proxy based on Chrome DevTools Network panel.
CPU profile
Converts output of various profiling/sampling tools to the .cpuprofile format so it can be loaded into Chrome DevTools.
Profiling data can export as .cpuprofile.
Multimedia
Unleash your screenshots stored in Chrome Devtool timeline files
Timeline, Tracing & Profiling
Share URLs of your timeline recordings.
Chrome Debugger integration with Editors
Debug your JavaScript code running in Google Chrome from VS Code.
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.
A Sublime Text plugin to execute JavaScript in Google Chrome
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
Easy browsable UI for exploring the protocol's domains, methods and events.
Developing with the protocol
Chrome Debugging Protocol interface for Node.js
Chrome DevTools Protocol Proxy - intelligent proxy for debugging purposes
A gateway for RemoteDebug (Chrome Remote Debugging) connections, that allows you to connect a client to multiple browsers at once
Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments.
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
The official Selenium/WebDriver implementation for Chrome is implemented on top of the DevTools Protocol.
Automation
Headless Chrome Node.js API
Headless chrome/chromium automation library (unofficial port of puppeteer)
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.
Headless Chrome .NET API
Lets you perform Chrome DevTools actions from code by leveraging Headless Chrome+Puppeteer
A Puppeteer bridge for PHP, supporting the entire API.
A node.js library for testing modern web applications
Protocol Driver Libraries
Chrome Debugging Protocol interface for Node.js
An async / await friendly debugging client for chrome
Chrome DevTools java client.
Python type wrappers for Chrome DevTools Protocol (CDP)
Scriptable Google Chrome™ as a HTTP service + asyncio driver
A Python Package for the Google Chrome Dev Protocol [threading base]
Comprehensive wrapper and execution manager for the Chrome browser using the Chrome Debugging Protocol.
A faster, simpler way to drive browsers supporting the Chrome DevTools Protocol.
Package cdp provides type-safe bindings for the Chrome DevTools Protocol (CDP), written in the Go programming language.
Unofficial implementation of the Google Chrome Remote Debugger in Go
Remote client for Chrome DevTools
Dot Net Core based Chrome Debugger Protocol Generator
Headless Chrome/Chromium driver for Capybara
A client implementation of the Chrome DevTools Protocol in Ruby
Headless Chrome DevTools Protocol Client (RxJava2 + Kotlin)
Clojure API for controlling a Chrome DevTools remote
Chrome Devtools Protocol client for PHP
Web-service testing framework with a Java API to automate Chrome
Browser Adapters
RemoteDebug protocol adaptor for Firefox
A DevTools proxy (Chrome Remote Debugging Protocol) for iOS devices (Safari Remote Web Inspector).
Debug Safari and WebViews on iOS from tools like VS Code and Chrome DevTools
IE Diagnostics Adapter is a standalone exe that enables tools to debug and diagnose IE11 using the Chrome remote debug protocol.
Android
Stetho is a debug bridge for Android applications, enabling the powerful Chrome Developer Tools and much more.
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.
ClojureScript
A Chrome DevTools fork for ClojureScript developers
Lua
a Lua 5.3 debugger
iOS
Remote network and data debugging for your native iOS app using Chrome Developer Tools
Go
Go Debugger using Google Chrome Devtools
Node.js
ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools
thetool is a CLI tool to capture different cpu, memory and other profiles for your node app in Chrome DevTools friendly format
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.
A helpful Chrome extension for WebGL development
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.
Inspect an Angular application's scope and profile its data.
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.
Inspect the Metal component hierarchies.
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
Automated Chrome tracing for benchmarking.