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
169 watching
353 forks
last commit: about 1 year 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 almost 6 years ago Custom formatter for Immutable-js values

Awesome Chrome DevTools / DevTools tooling and ecosystem / Network Inspection
betwixt 4,542 almost 4 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 over 1 year 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 8 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 9 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,197 almost 3 years ago Breakpoint debugging in VS Code
VS Code - Elements for Microsoft Edge 759 about 1 year ago Elements panel inside VS Code
ChromeREPL 355 over 7 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,162 11 months 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,304 about 1 year ago Many useful recipes
Chrome Protocol Proxy 194 about 3 years ago Tool for debugging clients using devtools protocol

Awesome Chrome DevTools / Chrome DevTools Protocol / The big two automation libraries
Puppeteer 89,083 11 months ago Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also
Playwright 67,755 11 months 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,304 about 1 year ago JavaScript/Node.js:
chrome-debugging-client 134 over 2 years ago TypeScript/Node.js:
noice-json-rpc Typescript/Node.js: - A proxy-based implementation to expose the CDP as its API
Taiko 3,588 11 months ago Typescript/Node.js:
Rust Headless Chrome 7 over 1 year ago Rust:
chrome-devtools-java-client 222 over 1 year ago Java:
jvppeteer 737 11 months ago Java: - Headless Chrome For Java
PyCDP 104 about 2 years ago Python: - Pure-Python, sans-IO wrappers. See also the
chromewhip 118 about 2 years ago Python: - drop-in replacement for the service
pyppeteer 3,709 over 1 year ago Python: - puppeteer port
ChromeController 219 11 months ago Python: - high-level browser mgmt
chromedp 11,178 12 months ago Go: - High-level actions and tasks for driving browsers
cdp 731 12 months ago Go:
gcd 186 about 1 year ago Go:
godet 394 about 1 year ago Go:
Rod 5,502 11 months ago Go:
Puppeteer Sharp 3,450 11 months ago C#/.NET: - puppeteer port
chrome-dev-tools 79 almost 2 years ago C#/dotnet: - Protocol wrapper generator that can be customized by editing handlebars templates. Includes .Net Core template
Ferrum 1,773 11 months ago Ruby: - high-level API to control Chrome in Ruby
Cuprite 1,262 11 months ago Ruby: - Capybara driver
chrome-reactive-kotlin 77 almost 4 years ago Kotlin: - reactive (rxjava 2.x), low-level client library in Kotlin
chrome-devtools-kotlin 47 11 months ago Kotlin: - A coroutine-based client library, providing low-level CDP primitives and high-level extensions
clj-chrome-devtools 130 about 1 year ago Clojure: - The CDP wrapper API is autogenerated and will be updated when CDP protocol changes
cuic 36 over 1 year ago Clojure: - Providing a high-level API for UI test automation over the DevTools Protocol
chrome-devtools-protocol 172 11 months ago PHP: - A PHP client library for the protocol
PuPHPeteer 1,337 almost 3 years ago PHP: - php bridge to node puppeteer

Awesome Chrome DevTools / Chrome DevTools Protocol / Browser Adapters
devtools-remote-debugger 304 about 1 year 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 about 1 year ago Native Android debugging with Chrome DevTools
j2v8-debugger 88 over 1 year ago Debugging JavaScript running in with Chrome DevTools
Dirac 769 about 3 years ago Debugging of ClojsureScript
PonyDebugger 5,863 over 2 years ago Remote network and data debugging iOS apps with Chrome DevTools
ndb 10,898 over 3 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 3 years ago CPU, memory, coverage, type profiling with Node
chrome-devtools-frontend Mirror of the frontend that ships in Chrome
ruby/debug 1,150 about 1 year 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,705 about 1 year 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 4 years ago A WebGL debugging toolkit which enables more productive WebGL development and more efficient WebGL applications
BEM devtools 45 about 8 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 6 years ago Chrome extension allows to enable and save CPU and network throttling for selected tabs
TracerBench 245 over 2 years 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 211 almost 2 years ago Standalone Puppeteer playground in browser's developer tools
k6 browser 349 11 months 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 almost 10 years ago Allows you to connect a client to multiple browsers at once

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

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

Awesome Chrome DevTools / Alumni / ios-webkit-debug-proxy
Remote Debug iOS WebKit adapter 2,722 over 4 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 573 over 9 years ago Protocol adaptor for Microsoft IE 11 to CDP
go-debugger-devtools 42 over 8 years ago

Backlinks from these awesome lists:

More related projects: