awesome-chrome-devtools

Dev Tools Library

A curated collection of tools and resources for Chrome DevTools and related ecosystems.

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

GitHub
6k stars
167 watching
352 forks
last commit: 2 months ago
Linked from 3 awesome lists

awesomeawesome-list

Screenshot of ChromeDevTools/awesome-chrome-devtools website

github.com/ChromeDevTools/awesome-chrome-devtools#readme

Awesome Chrome DevTools / Learning
Dev Tips Large collection of tips as animated gifs
DevTools Tips Collection of illustrated tips as mini tutorials
Can I DevTools? Various workflows, documented. Also a weekly tips & tricks
Web cheatcodes Browser developer tools for non-developers
Dear Console A collection of snippets to use in the browser console

Awesome Chrome DevTools / DevTools tooling and ecosystem / Object formatting
immutable-devtools 662 about 5 years ago Custom formatter for Immutable-js values

Awesome Chrome DevTools / DevTools tooling and ecosystem / Network Inspection
betwixt 4,538 almost 3 years ago System level network proxy, providing inspection via Network panel
Weer A HTTP protocol debugger

Awesome Chrome DevTools / DevTools tooling and ecosystem / CPU profile
call-trace 36 9 months ago 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 167 over 7 years ago Converts output of various profiling/sampling tools to the format
Wishbone python framework Profiling data can export as

Awesome Chrome DevTools / DevTools tooling and ecosystem / Multimedia
snapline 394 over 8 years ago Converts timeline screenshots to gif

Awesome Chrome DevTools / DevTools tooling and ecosystem / Timeline, Tracing & Profiling
DevTools Timeline Viewer Share URLs of your timeline recordings

Awesome Chrome DevTools / DevTools tooling and ecosystem / Chrome Debugger integration with Editors
VS Code - Debugger for Chrome 2,196 almost 2 years ago Breakpoint debugging in VS Code
VS Code - Elements for Microsoft Edge 754 2 months ago Elements panel inside VS Code
ChromeREPL 355 over 6 years ago Within Sublime Text, use the Chrome console
Sublime Web Inspector JavaScript Breakpoint debugging right in Sublime Text
WebStorm/JetBrains Chrome Extension The WebStorm IDE can debug JavaScript, view the DOM tree, and edit HTML, CSS and JS live

Awesome Chrome DevTools / Chrome DevTools Protocol
ChromeDevTools/devtools-protocol 1,153 5 days ago . Issue tracker for protocol bugs. TypeScript types
DevTools Protocol API Docs Easy browsable UI for exploring the protocol's domains, methods and events

Awesome Chrome DevTools / Chrome DevTools Protocol / Developing with the protocol
chrome-remote-interface Wiki 4,292 23 days ago Many useful recipes
Chrome Protocol Proxy 192 about 2 years ago Tool for debugging clients using devtools protocol

Awesome Chrome DevTools / Chrome DevTools Protocol / The big two automation libraries
Puppeteer 88,848 7 days ago Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also
Playwright 66,974 6 days ago Library to automate Chromium, Firefox and WebKit with a single API. Available for Node.js, Python, .Net, Java. See also

Awesome Chrome DevTools / Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)
chrome-remote-interface 4,292 23 days ago JavaScript/Node.js:
chrome-debugging-client 134 over 1 year ago TypeScript/Node.js:
noice-json-rpc Typescript/Node.js: - A proxy-based implementation to expose the CDP as its API
Taiko 3,584 3 months ago Typescript/Node.js:
Rust Headless Chrome 7 9 months ago Rust:
chrome-devtools-java-client 222 4 months ago Java:
jvppeteer 725 9 days ago Java: - Headless Chrome For Java
PyCDP 102 about 1 year ago Python: - Pure-Python, sans-IO wrappers. See also the
chromewhip 118 about 1 year ago Python: - drop-in replacement for the service
pyppeteer 3,686 5 months ago Python: - puppeteer port
ChromeController 218 about 1 year ago Python: - high-level browser mgmt
chromedp 11,065 10 days ago Go: - High-level actions and tasks for driving browsers
cdp 726 12 days ago Go:
gcd 186 about 1 month ago Go:
godet 392 3 months ago Go:
Rod 5,392 3 months ago Go:
Puppeteer Sharp 3,416 6 days ago C#/.NET: - puppeteer port
chrome-dev-tools 79 12 months ago C#/dotnet: - Protocol wrapper generator that can be customized by editing handlebars templates. Includes .Net Core template
Ferrum 1,758 about 1 month ago Ruby: - high-level API to control Chrome in Ruby
Cuprite 1,249 4 months ago Ruby: - Capybara driver
chrome-reactive-kotlin 77 about 3 years ago Kotlin: - reactive (rxjava 2.x), low-level client library in Kotlin
chrome-devtools-kotlin 45 5 days ago Kotlin: - A coroutine-based client library, providing low-level CDP primitives and high-level extensions
clj-chrome-devtools 130 2 months ago Clojure: - The CDP wrapper API is autogenerated and will be updated when CDP protocol changes
cuic 36 6 months ago Clojure: - Providing a high-level API for UI test automation over the DevTools Protocol
chrome-devtools-protocol 171 12 days ago PHP: - A PHP client library for the protocol
PuPHPeteer 1,340 almost 2 years ago PHP: - php bridge to node puppeteer

Awesome Chrome DevTools / Chrome DevTools Protocol / Browser Adapters
devtools-remote-debugger 297 about 2 months ago Use devtools against a webpage; a CDP agent implemeted in client-side JS
Inspect Use devtools against iOS and Android, easily. Browser and Webviews

Awesome Chrome DevTools / Using DevTools frontend with other platforms
Facebook Stetho 12,676 26 days ago Native Android debugging with Chrome DevTools
j2v8-debugger 88 10 months ago Debugging JavaScript running in with Chrome DevTools
Dirac 769 about 2 years ago Debugging of ClojsureScript
PonyDebugger 5,864 over 1 year ago Remote network and data debugging iOS apps with Chrome DevTools
ndb 10,900 over 2 years ago An improved Node.js debugging experience with the DevTools Frontend
Debugging Node.js with Chrome DevTools Guide on using the full debugging and profiling support in Node v6.3+
thetool 222 almost 2 years ago CPU, memory, coverage, type profiling with Node
chrome-devtools-frontend Mirror of the frontend that ships in Chrome
ruby/debug 1,139 2 months ago Debugging functionality for Ruby

Awesome Chrome DevTools / DevTools Extensions / Accessibility (A11y)
Chromelens 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

Awesome Chrome DevTools / DevTools Extensions / Workflow
Clockwork View PHP application profiling data
Emulated Device Lab Experiment with multiple devices being emulated at the same time
RailsPanel View Ruby on Rails application profiling data
React Developer Tools Inspect the React component hierarchies
EmberJS Inspector Allows you to inspect EmberJS objects in your application
VueJS Developer Tools 24,683 2 months ago Inspect VueJS components and manipulate their data
Angular Batarang Inspect an Angular application's scope and profile its data
Augury Debugging and Profiling for Angular 2 applications
Marionette Inspector Inspect a Marionette application's views, events, and live data
Backbone Debugger Inspect a Backbone application's views, models, events, and routes
App Inspector for Sencha Inspect a Sencha ExtJS/Touch application's component tree, data stores, events, and layouts
Redux Devtools Inspect Redux with actions history, undo and replay
Three.js Edit any three.js project
Insight 913 about 3 years ago A WebGL debugging toolkit which enables more productive WebGL development and more efficient WebGL applications
BEM devtools 45 about 7 years ago Inspect BEM entities expressed in framework
Metal.js Developer Tools Inspect the Metal component hierarchies
Web Component DevTools Inspect, modify and observe Web Components on page

Awesome Chrome DevTools / DevTools Extensions / Themes
DevTools Author A selection of themes to modify parts of DevTools related to authoring web applications
Zero Dark Matrix Dark theme for Chrome Developer Tools
Material UI Theme Provides various Material Design inspired themes

Awesome Chrome DevTools / DevTools Extensions / Performance
sloth 198 over 5 years ago Chrome extension allows to enable and save CPU and network throttling for selected tabs
TracerBench 243 over 1 year ago TracerBench is a controlled performance benchmarking tool for web applications, providing clear, actionable and usable insights into performance deltas

Awesome Chrome DevTools / DevTools Extensions / Automation
Puppeteer IDE 210 about 1 year ago Standalone Puppeteer playground in browser's developer tools
k6 browser 344 6 days ago Browser automation and end-to-end web testing tool that interacts with browsers and collects frontend performance metrics

Awesome Chrome DevTools / Alumni
Remote Debug Gateway 92 about 9 years ago Allows you to connect a client to multiple browsers at once

Awesome Chrome DevTools / Alumni / Remote Debug Gateway
DevTools Remote 687 over 7 years ago Multiuser DevTools: - Remotely debug someone else's browser

Awesome Chrome DevTools / Alumni
DevTools Backend 144 almost 3 years ago Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments
pychrome 612 5 months ago Python CDP driver: - low level CDP transport handler
ios-webkit-debug-proxy 5,942 3 months ago Exposes Mobile Safari & UIWebView instances via the CDP

Awesome Chrome DevTools / Alumni / ios-webkit-debug-proxy
Remote Debug iOS WebKit adapter 2,723 over 3 years ago Builts upon ios-webkit-debug-proxy and translates WebKit's Remote Debugging Protocol API to the CDP

Awesome Chrome DevTools / Alumni
IE Diagnostics Adapter 574 over 8 years ago Protocol adaptor for Microsoft IE 11 to CDP
go-debugger-devtools 42 over 7 years ago

Backlinks from these awesome lists:

More related projects: