awesome-chrome-devtools
Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem
6k stars
166 watching
348 forks
last commit: 26 days ago
Linked 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 | 660 | almost 5 years ago | Custom formatter for Immutable-js values |
Awesome Chrome DevTools / DevTools tooling and ecosystem / Network Inspection | |||
| betwixt | 4,529 | 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 | 7 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 | 393 | 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,200 | almost 2 years ago | Breakpoint debugging in VS Code |
| VS Code - Elements for Microsoft Edge | 748 | 17 days ago | Elements panel inside VS Code |
| ChromeREPL | 354 | 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,132 | 11 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,268 | 3 months ago | Many useful recipes |
| Chrome Protocol Proxy | 186 | about 2 years ago | Tool for debugging clients using devtools protocol |
Awesome Chrome DevTools / Chrome DevTools Protocol / The big two automation libraries | |||
| Puppeteer | 88,379 | 3 days ago | Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also |
| Playwright | 66,019 | 3 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,268 | 3 months ago | JavaScript/Node.js: |
| chrome-debugging-client | 134 | about 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,571 | about 1 month ago | Typescript/Node.js: |
| Rust Headless Chrome | 6 | 7 months ago | Rust: |
| chrome-devtools-java-client | 218 | 2 months ago | Java: |
| jvppeteer | 699 | about 2 months ago | Java: - Headless Chrome For Java |
| PyCDP | 97 | 11 months ago | Python: - Pure-Python, sans-IO wrappers. See also the |
| chromewhip | 117 | about 1 year ago | Python: - drop-in replacement for the service |
| pyppeteer | 3,623 | 3 months ago | Python: - puppeteer port |
| ChromeController | 215 | about 1 year ago | Python: - high-level browser mgmt |
| chromedp | 10,919 | 2 months ago | Go: - High-level actions and tasks for driving browsers |
| cdp | 722 | about 1 month ago | Go: |
| gcd | 184 | about 1 month ago | Go: |
| godet | 391 | about 2 months ago | Go: |
| Rod | 5,257 | about 2 months ago | Go: |
| Puppeteer Sharp | 3,364 | 5 days ago | C#/.NET: - puppeteer port |
| chrome-dev-tools | 77 | 11 months ago | C#/dotnet: - Protocol wrapper generator that can be customized by editing handlebars templates. Includes .Net Core template |
| Ferrum | 1,731 | about 2 months ago | Ruby: - high-level API to control Chrome in Ruby |
| Cuprite | 1,237 | 2 months ago | Ruby: - Capybara driver |
| chrome-reactive-kotlin | 75 | almost 3 years ago | Kotlin: - reactive (rxjava 2.x), low-level client library in Kotlin |
| chrome-devtools-kotlin | 44 | 11 days ago | Kotlin: - A coroutine-based client library, providing low-level CDP primitives and high-level extensions |
| clj-chrome-devtools | 130 | 19 days ago | Clojure: - The CDP wrapper API is autogenerated and will be updated when CDP protocol changes |
| cuic | 36 | 5 months ago | Clojure: - Providing a high-level API for UI test automation over the DevTools Protocol |
| chrome-devtools-protocol | 170 | 15 days ago | PHP: - A PHP client library for the protocol |
| PuPHPeteer | 1,338 | almost 2 years ago | PHP: - php bridge to node puppeteer |
Awesome Chrome DevTools / Chrome DevTools Protocol / Browser Adapters | |||
| devtools-remote-debugger | 285 | 26 days 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,670 | 2 months ago | Native Android debugging with Chrome DevTools |
| j2v8-debugger | 88 | 8 months ago | Debugging JavaScript running in with Chrome DevTools |
| Dirac | 768 | about 2 years ago | Debugging of ClojsureScript |
| PonyDebugger | 5,865 | over 1 year ago | Remote network and data debugging iOS apps with Chrome DevTools |
| ndb | 10,903 | 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 | 221 | 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,120 | 25 days 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,627 | 24 days 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 | 911 | 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 | 196 | over 5 years ago | Chrome extension allows to enable and save CPU and network throttling for selected tabs |
| TracerBench | 241 | 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 | 204 | 11 months ago | Standalone Puppeteer playground in browser's developer tools |
| k6 browser | 339 | 11 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 | 91 | almost 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 | 143 | over 2 years ago | Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments |
| pychrome | 606 | 4 months ago | Python CDP driver: - low level CDP transport handler |
| ios-webkit-debug-proxy | 5,929 | about 2 months ago | Exposes Mobile Safari & UIWebView instances via the CDP |
Awesome Chrome DevTools / Alumni / ios-webkit-debug-proxy | |||
| Remote Debug iOS WebKit adapter | 2,720 | 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 | about 7 years ago | |
sindresorhus/awesome
jnv/lists
0ex/more-awesome