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
6k stars
169 watching
353 forks
last commit: about 2 years agoLinked from 3 awesome lists
awesomeawesome-list
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 7 years ago | Custom formatter for Immutable-js values |
Awesome Chrome DevTools / DevTools tooling and ecosystem / Network Inspection | |||
| betwixt | 4,542 | almost 5 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 2 years 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 9 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 10 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 4 years ago | Breakpoint debugging in VS Code |
| VS Code - Elements for Microsoft Edge | 759 | about 2 years ago | Elements panel inside VS Code |
| ChromeREPL | 355 | over 8 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 | almost 2 years 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 | almost 2 years ago | Many useful recipes |
| Chrome Protocol Proxy | 194 | about 4 years ago | Tool for debugging clients using devtools protocol |
Awesome Chrome DevTools / Chrome DevTools Protocol / The big two automation libraries | |||
| Puppeteer | 89,083 | almost 2 years ago | Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also |
| Playwright | 67,755 | almost 2 years 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 | almost 2 years ago | JavaScript/Node.js: |
| chrome-debugging-client | 134 | about 3 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 | almost 2 years ago | Typescript/Node.js: |
| Rust Headless Chrome | 7 | over 2 years ago | Rust: |
| chrome-devtools-java-client | 222 | about 2 years ago | Java: |
| jvppeteer | 737 | almost 2 years ago | Java: - Headless Chrome For Java |
| PyCDP | 104 | almost 3 years ago | Python: - Pure-Python, sans-IO wrappers. See also the |
| chromewhip | 118 | about 3 years ago | Python: - drop-in replacement for the service |
| pyppeteer | 3,709 | about 2 years ago | Python: - puppeteer port |
| ChromeController | 219 | almost 2 years ago | Python: - high-level browser mgmt |
| chromedp | 11,178 | almost 2 years ago | Go: - High-level actions and tasks for driving browsers |
| cdp | 731 | almost 2 years ago | Go: |
| gcd | 186 | almost 2 years ago | Go: |
| godet | 394 | about 2 years ago | Go: |
| Rod | 5,502 | almost 2 years ago | Go: |
| Puppeteer Sharp | 3,450 | almost 2 years ago | C#/.NET: - puppeteer port |
| chrome-dev-tools | 79 | almost 3 years ago | C#/dotnet: - Protocol wrapper generator that can be customized by editing handlebars templates. Includes .Net Core template |
| Ferrum | 1,773 | almost 2 years ago | Ruby: - high-level API to control Chrome in Ruby |
| Cuprite | 1,262 | almost 2 years ago | Ruby: - Capybara driver |
| chrome-reactive-kotlin | 77 | almost 5 years ago | Kotlin: - reactive (rxjava 2.x), low-level client library in Kotlin |
| chrome-devtools-kotlin | 47 | almost 2 years ago | Kotlin: - A coroutine-based client library, providing low-level CDP primitives and high-level extensions |
| clj-chrome-devtools | 130 | about 2 years ago | Clojure: - The CDP wrapper API is autogenerated and will be updated when CDP protocol changes |
| cuic | 36 | over 2 years ago | Clojure: - Providing a high-level API for UI test automation over the DevTools Protocol |
| chrome-devtools-protocol | 172 | almost 2 years ago | PHP: - A PHP client library for the protocol |
| PuPHPeteer | 1,337 | over 3 years ago | PHP: - php bridge to node puppeteer |
Awesome Chrome DevTools / Chrome DevTools Protocol / Browser Adapters | |||
| devtools-remote-debugger | 304 | almost 2 years 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 | almost 2 years ago | Native Android debugging with Chrome DevTools |
| j2v8-debugger | 88 | over 2 years ago | Debugging JavaScript running in with Chrome DevTools |
| Dirac | 769 | about 4 years ago | Debugging of ClojsureScript |
| PonyDebugger | 5,863 | over 3 years ago | Remote network and data debugging iOS apps with Chrome DevTools |
| ndb | 10,898 | over 4 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 | over 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 2 years 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 2 years 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 | almost 5 years ago | A WebGL debugging toolkit which enables more productive WebGL development and more efficient WebGL applications |
| BEM devtools | 45 | almost 9 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 7 years ago | Chrome extension allows to enable and save CPU and network throttling for selected tabs |
| TracerBench | 245 | over 3 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 3 years ago | Standalone Puppeteer playground in browser's developer tools |
| k6 browser | 349 | almost 2 years 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 11 years ago | Allows you to connect a client to multiple browsers at once |
Awesome Chrome DevTools / Alumni / Remote Debug Gateway | |||
| DevTools Remote | 687 | over 9 years ago | Multiuser DevTools: - Remotely debug someone else's browser |
Awesome Chrome DevTools / Alumni | |||
| DevTools Backend | 144 | over 4 years ago | Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments |
| pychrome | 619 | over 2 years ago | Python CDP driver: - low level CDP transport handler |
| ios-webkit-debug-proxy | 5,966 | about 2 years 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 5 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 10 years ago | Protocol adaptor for Microsoft IE 11 to CDP |
| go-debugger-devtools | 42 | about 9 years ago | |
sindresorhus/awesome
jnv/lists
0ex/more-awesome
garris/backstopjs
n0tan3rd/node-warc
dhamaniasad/headlessbrowsers
vitalets/playwright-network-cache
sand4rt/playwright-ct-angular
microsoft/playwright-github-action
the-markup/blacklight-collector
everettss/puppeteer-har
mainmatter/breethe-client
playwright-community/jest-playwright
huddleeng/muppeteer