{"id":27720400,"url":"https://github.com/correia-jpv/fucking-awesome-chrome-devtools","last_synced_at":"2025-04-27T09:56:52.043Z","repository":{"id":37676833,"uuid":"456133356","full_name":"Correia-jpv/fucking-awesome-chrome-devtools","owner":"Correia-jpv","description":"Awesome tooling and resources in the Chrome DevTools \u0026 DevTools Protocol ecosystem. With repository stars⭐ and forks🍴","archived":false,"fork":false,"pushed_at":"2025-04-14T04:00:13.000Z","size":123,"stargazers_count":19,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-27T09:56:46.536Z","etag":null,"topics":["awesome","awesome-list","chrome","chrome-browser","chrome-devtools","developer-tools","devtools","devtools-documentation","devtools-extension","devtools-protocol"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Correia-jpv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"contributing.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"code-of-conduct.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"Correia-jpv"}},"created_at":"2022-02-06T11:38:30.000Z","updated_at":"2025-04-14T04:00:15.000Z","dependencies_parsed_at":"2024-05-22T05:27:53.625Z","dependency_job_id":null,"html_url":"https://github.com/Correia-jpv/fucking-awesome-chrome-devtools","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-chrome-devtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-chrome-devtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-chrome-devtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-chrome-devtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Correia-jpv","download_url":"https://codeload.github.com/Correia-jpv/fucking-awesome-chrome-devtools/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251119577,"owners_count":21539194,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","chrome","chrome-browser","chrome-devtools","developer-tools","devtools","devtools-documentation","devtools-extension","devtools-protocol"],"created_at":"2025-04-27T09:56:51.459Z","updated_at":"2025-04-27T09:56:52.005Z","avatar_url":"https://github.com/Correia-jpv.png","language":null,"funding_links":["https://github.com/sponsors/Correia-jpv"],"categories":["Other Lists"],"sub_categories":["TeX Lists"],"readme":"# Awesome Chrome DevTools [![Awesome](https://awesome.re/badge.svg)](https://awesome.re)\n\n\u003e Awesome tooling and resources in the Chrome DevTools ecosystem\n\n## Contents\n\n- [Learning](#learning)\n- [DevTools tooling and ecosystem](#devtools-tooling-and-ecosystem)\n- [Chrome DevTools Protocol](#chrome-devtools-protocol)\n- [Using DevTools frontend with other platforms](#using-devtools-frontend-with-other-platforms)\n- [DevTools Extensions](#devtools-extensions)\n- [Alumni](#alumni)\n\n---\n\n## Learning\n- 🌎 [Dev Tips](umaar.com/dev-tips/) - Large collection of tips as animated gifs.\n- 🌎 [DevTools Tips](devtoolstips.org/) - Collection of illustrated tips as mini tutorials.\n- 🌎 [Can I DevTools?](www.canidev.tools/) - Various workflows, documented. Also a weekly tips \u0026 tricks 🌎 [newsletter](canidevtools.substack.com/).\n- 🌎 [Web cheatcodes](codepo8.github.io/web-cheatcodes/) - Browser developer tools for non-developers.\n- 🌎 [Dear Console](codepo8.github.io/dearconsole) - A collection of snippets to use in the browser console.\n\n---\n\n## DevTools tooling and ecosystem\n\n### Object formatting\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;664⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;31🍴\u003c/code\u003e\u003c/b\u003e [immutable-devtools](https://github.com/andrewdavey/immutable-devtools)) - Custom formatter for Immutable-js values.\n\n### Network Inspection\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4550⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;123🍴\u003c/code\u003e\u003c/b\u003e [betwixt](https://github.com/kdzwinel/betwixt)) - System level network proxy, providing inspection via Network panel.\n- 🌎 [Weer](weerdbg.com/) - A HTTP protocol debugger **(closed source)**\n\n### CPU profile\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;37⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;9🍴\u003c/code\u003e\u003c/b\u003e [call-trace](https://github.com/brendankenny/call-trace)) - Can instrument your JS with hooks, and then generate a `.cpuprofile`  of the of the complete (non-sampled) execution. View either time or call counts.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;168⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;16🍴\u003c/code\u003e\u003c/b\u003e [cpuprofilify](https://github.com/thlorenz/cpuprofilify)) - Converts output of various profiling/sampling tools to the `.cpuprofile` format.\n- 🌎 [Wishbone python framework](wishbone.readthedocs.io/en/latest/misc/profiling.html) - Profiling data can export as `.cpuprofile`.\n\n### Multimedia\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;395⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;17🍴\u003c/code\u003e\u003c/b\u003e [snapline](https://github.com/pmdartus/snapline)) - Converts timeline screenshots to gif.\n\n### Timeline, Tracing \u0026 Profiling\n- 🌎 [DevTools Timeline Viewer](chromedevtools.github.io/timeline-viewer/) - Share URLs of your timeline recordings.\n\n### Chrome Debugger integration with Editors\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [VS Code - Debugger for Chrome](https://github.com/Microsoft/vscode-chrome-debug/)) - Breakpoint debugging in VS Code.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;771⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;283🍴\u003c/code\u003e\u003c/b\u003e [VS Code - Elements for Microsoft Edge](https://github.com/microsoft/vscode-edge-devtools)) - Elements panel inside VS Code.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;356⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;12🍴\u003c/code\u003e\u003c/b\u003e [ChromeREPL](https://github.com/acarabott/ChromeREPL)) - Within Sublime Text, use the Chrome console.\n- [Sublime Web Inspector](http://sokolovstas.github.io/SublimeWebInspector/) - JavaScript Breakpoint debugging right in Sublime Text.\n- 🌎 [WebStorm/JetBrains Chrome Extension](www.jetbrains.com/help/webstorm/2017.1/configuring-javascript-debugger-and-jetbrains-chrome-extension.html) - The WebStorm IDE can debug JavaScript, view the DOM tree, and edit HTML, CSS and JS live.\n\n---\n\n## Chrome DevTools Protocol\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1226⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;240🍴\u003c/code\u003e\u003c/b\u003e [ChromeDevTools/devtools-protocol](https://github.com/chromedevtools/devtools-protocol)) - **Canonical location of the protocol JSON**. Issue tracker for protocol bugs. TypeScript types.\n- 🌎 [DevTools Protocol API Docs](chromedevtools.github.io/devtools-protocol/) - Easy browsable UI for exploring the protocol's domains, methods and events.\n\n### Developing with the protocol\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [chrome-remote-interface Wiki](https://github.com/cyrus-and/chrome-remote-interface/wiki)) - Many useful recipes.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;205⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;27🍴\u003c/code\u003e\u003c/b\u003e [Chrome Protocol Proxy](https://github.com/wendigo/chrome-protocol-proxy)) - Tool for debugging clients using devtools protocol.\n\n### The big two automation libraries\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Puppeteer](https://github.com/GoogleChrome/puppeteer/)) - Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2462⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;159🍴\u003c/code\u003e\u003c/b\u003e [awesome-puppeteer](https://github.com/transitive-bullshit/awesome-puppeteer)).\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;71621⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4065🍴\u003c/code\u003e\u003c/b\u003e [Playwright](https://github.com/microsoft/playwright)) - Library to automate Chromium, Firefox and WebKit with a single API. Available for Node.js, Python, .Net, Java. See also \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1088⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;122🍴\u003c/code\u003e\u003c/b\u003e [awesome-playwright](https://github.com/mxschmitt/awesome-playwright)).\n\n### Libraries for driving the protocol (or a layer above)\n\n- JavaScript/Node.js: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4357⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;315🍴\u003c/code\u003e\u003c/b\u003e [chrome-remote-interface](https://github.com/cyrus-and/chrome-remote-interface))\n- TypeScript/Node.js: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;133⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;19🍴\u003c/code\u003e\u003c/b\u003e [chrome-debugging-client](https://github.com/TracerBench/chrome-debugging-client))\n- Typescript/Node.js: 🌎 [noice-json-rpc](www.npmjs.com/package/noice-json-rpc) - A proxy-based implementation to expose the CDP as its API.\n- Typescript/Node.js: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Taiko](https://github.com/getgauge/taiko/))\n- Rust: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Rust Headless Chrome](https://github.com/atroche/rust-headless-chrome/))\n- Java: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;227⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;78🍴\u003c/code\u003e\u003c/b\u003e [chrome-devtools-java-client](https://github.com/kklisura/chrome-devtools-java-client))\n- Java: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;759⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;161🍴\u003c/code\u003e\u003c/b\u003e [jvppeteer](https://github.com/fanyong920/jvppeteer))  - Headless Chrome For Java \n- Python: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;111⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;25🍴\u003c/code\u003e\u003c/b\u003e [PyCDP](https://github.com/hyperiongray/python-chrome-devtools-protocol)) - Pure-Python, sans-IO wrappers. See also the \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;67⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;17🍴\u003c/code\u003e\u003c/b\u003e [Trio CDP driver](https://github.com/hyperiongray/trio-chrome-devtools-protocol))\n- Python: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;119⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;16🍴\u003c/code\u003e\u003c/b\u003e [chromewhip](https://github.com/chuckus/chromewhip)) - drop-in replacement for the `splash` service\n- Python: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;3824⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;336🍴\u003c/code\u003e\u003c/b\u003e [pyppeteer](https://github.com/pyppeteer/pyppeteer)) - puppeteer port\n- Python: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;222⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;28🍴\u003c/code\u003e\u003c/b\u003e [ChromeController](https://github.com/fake-name/ChromeController)) - high-level browser mgmt\n- Go: \u003cb\u003e\u003ccode\u003e\u0026nbsp;11660⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;805🍴\u003c/code\u003e\u003c/b\u003e [chromedp](https://github.com/chromedp/chromedp)) - High-level actions and tasks for driving browsers\n- Go: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;752⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;45🍴\u003c/code\u003e\u003c/b\u003e [cdp](https://github.com/mafredri/cdp))\n- Go: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;185⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;31🍴\u003c/code\u003e\u003c/b\u003e [gcd](https://github.com/wirepair/gcd))\n- Go: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;396⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;46🍴\u003c/code\u003e\u003c/b\u003e [godet](https://github.com/raff/godet))\n- Go: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;5836⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;372🍴\u003c/code\u003e\u003c/b\u003e [Rod](https://github.com/go-rod/rod))\n- C#/.NET: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;3611⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;462🍴\u003c/code\u003e\u003c/b\u003e [Puppeteer Sharp](https://github.com/hardkoded/puppeteer-sharp)) - puppeteer port\n- C#/dotnet: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;79⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;27🍴\u003c/code\u003e\u003c/b\u003e [chrome-dev-tools](https://github.com/BaristaLabs/chrome-dev-tools)) - Protocol wrapper generator that can be customized by editing handlebars templates. Includes .Net Core template.\n- C#/.NET: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;13⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [dotnet-chrome-protocol](https://github.com/seclerp/dotnet-chrome-protocol)) - A runtime library and schema code generation tools for Chrome DevTools Protocol support in C#/.NET.\n- Ruby: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1845⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;143🍴\u003c/code\u003e\u003c/b\u003e [Ferrum](https://github.com/route/ferrum)) - high-level API to control Chrome in Ruby\n- Ruby: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1291⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;98🍴\u003c/code\u003e\u003c/b\u003e [Cuprite](https://github.com/machinio/cuprite)) - Capybara driver\n- Kotlin: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;77⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;11🍴\u003c/code\u003e\u003c/b\u003e [chrome-reactive-kotlin](https://github.com/wendigo/chrome-reactive-kotlin)) - reactive (rxjava 2.x), low-level client library in Kotlin\n- Kotlin: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;49⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;8🍴\u003c/code\u003e\u003c/b\u003e [chrome-devtools-kotlin](https://github.com/joffrey-bion/chrome-devtools-kotlin)) - A coroutine-based client library, providing low-level CDP primitives and high-level extensions.\n- Clojure: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;129⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;20🍴\u003c/code\u003e\u003c/b\u003e [clj-chrome-devtools](https://github.com/tatut/clj-chrome-devtools)) - The CDP wrapper API is autogenerated and will be updated when CDP protocol changes.\n- Clojure: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;37⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;4🍴\u003c/code\u003e\u003c/b\u003e [cuic](https://github.com/milankinen/cuic)) - Providing a high-level API for UI test automation over the DevTools Protocol.\n- PHP: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;178⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;51🍴\u003c/code\u003e\u003c/b\u003e [chrome-devtools-protocol](https://github.com/jakubkulhan/chrome-devtools-protocol)) - A PHP client library for the protocol.\n- PHP: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1341⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;212🍴\u003c/code\u003e\u003c/b\u003e [PuPHPeteer](https://github.com/rialto-php/puphpeteer)) - php bridge to node puppeteer\n\n\n### Browser Adapters\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;340⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;51🍴\u003c/code\u003e\u003c/b\u003e [devtools-remote-debugger](https://github.com/Nice-PLQ/devtools-remote-debugger)) - Use devtools against a webpage; a CDP agent implemeted in client-side JS.\n- 🌎 [Inspect](inspect.dev/) - Use devtools against iOS and Android, easily. Browser and Webviews. **(closed source)**\n\n\n## Using DevTools frontend with other platforms\n\n#### Android\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;12696⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1130🍴\u003c/code\u003e\u003c/b\u003e [Facebook Stetho](https://github.com/facebook/stetho)) - Native Android debugging with Chrome DevTools.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;90⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;24🍴\u003c/code\u003e\u003c/b\u003e [j2v8-debugger](https://github.com/AlexTrotsenko/j2v8-debugger)) - Debugging JavaScript running in \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2580⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;361🍴\u003c/code\u003e\u003c/b\u003e [J2V8](https://github.com/eclipsesource/J2V8)) with Chrome DevTools.\n\n#### ClojureScript\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;770⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;30🍴\u003c/code\u003e\u003c/b\u003e [Dirac](https://github.com/binaryage/dirac)) - Debugging of ClojsureScript.\n\n#### iOS\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;5859⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;594🍴\u003c/code\u003e\u003c/b\u003e [PonyDebugger](https://github.com/square/PonyDebugger)) - Remote network and data debugging iOS apps with Chrome DevTools.\n\n#### Node.js\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;10902⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;234🍴\u003c/code\u003e\u003c/b\u003e [ndb](https://github.com/GoogleChromeLabs/ndb)) - An improved Node.js debugging experience with the DevTools Frontend.\n- 🌎 [Debugging Node.js with Chrome DevTools](medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27) - Guide on using the full debugging and profiling support in Node v6.3+.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;222⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;6🍴\u003c/code\u003e\u003c/b\u003e [thetool](https://github.com/sfninja/thetool)) - CPU, memory, coverage, type profiling with Node.\n- 🌎 [chrome-devtools-frontend](www.npmjs.com/package/chrome-devtools-frontend) - Mirror of the frontend that ships in Chrome.\n\n#### Ruby\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1196⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;134🍴\u003c/code\u003e\u003c/b\u003e [ruby/debug](https://github.com/ruby/debug)) - Debugging functionality for Ruby.\n\n---\n\n## DevTools Extensions\n\n### Accessibility (A11y)\n- 🌎 [Chromelens](chrome.google.com/webstore/detail/chromelens/idikgljglpfilbhaboonnpnnincjhjkd) - 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.\n\n### Workflow\n- 🌎 [Clockwork](chrome.google.com/webstore/detail/clockwork/dmggabnehkmmfmdffgajcflpdjlnoemp?hl=en) - View PHP application profiling data.\n- 🌎 [Emulated Device Lab](chrome.google.com/webstore/detail/emulated-device-lab/oaonfodocibcdobdeelbbfggjombamff) - Experiment with multiple devices being emulated at the same time.\n- 🌎 [RailsPanel](chrome.google.com/webstore/detail/railspanel/gjpfobpafnhjhbajcjgccbbdofdckggg?hl=en-US) - View Ruby on Rails application profiling data.\n- 🌎 [React Developer Tools](chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) - Inspect the React component hierarchies.\n- 🌎 [EmberJS Inspector](chrome.google.com/webstore/detail/ember-inspector/bmdblncegkenkacieihfhpjfppoconhi) - Allows you to inspect EmberJS objects in your application.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;24756⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4146🍴\u003c/code\u003e\u003c/b\u003e [VueJS Developer Tools](https://github.com/vuejs/vue-devtools)) - Inspect VueJS components and manipulate their data.\n- 🌎 [Angular Batarang](chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk) - Inspect an Angular application's scope and profile its data.\n- 🌎 [Augury](augury.angular.io) - Debugging and Profiling for Angular 2 applications.\n- 🌎 [Marionette Inspector](chrome.google.com/webstore/detail/marionette-inspector/fbgfjlockdhidoaempmjcddibjklhpka) - Inspect a Marionette application's views, events, and live data.\n- 🌎 [Backbone Debugger](chrome.google.com/webstore/detail/backbone-debugger/bhljhndlimiafopmmhjlgfpnnchjjbhd) - Inspect a Backbone application's views, models, events, and routes.\n- 🌎 [App Inspector for Sencha](chrome.google.com/webstore/detail/app-inspector-for-sencha/pbeapidedgdpniokbedbfbaacglkceae) - Inspect a Sencha ExtJS/Touch application's component tree, data stores, events, and layouts.\n- 🌎 [Redux Devtools](chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd) - Inspect Redux with actions history, undo and replay.\n- 🌎 [Three.js](chrome.google.com/webstore/detail/threejs-editor-extension/fbgbekpggeldiacgjkacbkkcbjhmakea/) - Edit any three.js project.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Insight](https://github.com/3Dparallax/insight/)) - A WebGL debugging toolkit which enables more productive WebGL development and more efficient WebGL applications.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;46⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;4🍴\u003c/code\u003e\u003c/b\u003e [BEM devtools](https://github.com/escaton/bem-chrome-devtools)) - Inspect BEM entities expressed in `i-bem` framework.\n- 🌎 [Metal.js Developer Tools](chrome.google.com/webstore/detail/metaljs-developer-tools/fagnjmppkokolnbloalifcmcooldhiik) - Inspect the Metal component hierarchies.\n- 🌎 [Web Component DevTools](chrome.google.com/webstore/detail/web-component-devtools/gdniinfdlmmmjpnhgnkmfpffipenjljo) - Inspect, modify and observe Web Components on page.\n\n### Themes\n- 🌎 [DevTools Author](chrome.google.com/webstore/detail/devtools-author/egfhcfdfnajldliefpdoaojgahefjhhi) - A selection of themes to modify parts of DevTools related to authoring web applications.\n- 🌎 [Zero Dark Matrix](chrome.google.com/webstore/detail/devtools-theme-zero-dark/bomhdjeadceaggdgfoefmpeafkjhegbo) - Dark theme for Chrome Developer Tools.\n- 🌎 [Material UI Theme](chrome.google.com/webstore/detail/material-devtools-theme-c/jmefikbdhgocdjeejjnnepgnfkkbpgjo) - Provides various Material Design inspired themes.\n\n### Performance\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;198⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;11🍴\u003c/code\u003e\u003c/b\u003e [sloth](https://github.com/denar90/sloth)) - Chrome extension allows to enable and save CPU and network throttling for selected tabs.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;247⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;31🍴\u003c/code\u003e\u003c/b\u003e [TracerBench](https://github.com/TracerBench/tracerbench)) - TracerBench is a controlled performance benchmarking tool for web applications, providing clear, actionable and usable insights into performance deltas.\n\n### Automation\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;226⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;22🍴\u003c/code\u003e\u003c/b\u003e [Puppeteer IDE](https://github.com/gajananpp/puppeteer-ide-extension)) - Standalone Puppeteer playground in browser's developer tools.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;355⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;43🍴\u003c/code\u003e\u003c/b\u003e [k6 browser](https://github.com/grafana/xk6-browser)) - Browser automation and end-to-end web testing tool that interacts with browsers and collects frontend performance metrics.\n\n## Alumni\nOld projects, likely not maintained any longer… But still cool.\n\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;93⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;10🍴\u003c/code\u003e\u003c/b\u003e [Remote Debug Gateway](https://github.com/RemoteDebug/remotedebug-gateway)) - Allows you to connect a client to multiple browsers at once.  \n   - Multiuser DevTools: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;692⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;40🍴\u003c/code\u003e\u003c/b\u003e [DevTools Remote](https://github.com/auchenberg/devtools-remote)) - Remotely debug someone else's browser.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;144⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;23🍴\u003c/code\u003e\u003c/b\u003e [DevTools Backend](https://github.com/christian-bromann/devtools-backend)) - Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments.\n- Python CDP driver: \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;635⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;115🍴\u003c/code\u003e\u003c/b\u003e [pychrome](https://github.com/fate0/pychrome)) - low level CDP transport handler\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;6034⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;472🍴\u003c/code\u003e\u003c/b\u003e [ios-webkit-debug-proxy](https://github.com/google/ios-webkit-debug-proxy)) - Exposes Mobile Safari \u0026 UIWebView instances via the CDP.\n  - \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2734⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;225🍴\u003c/code\u003e\u003c/b\u003e [Remote Debug iOS WebKit adapter](https://github.com/RemoteDebug/remotedebug-ios-webkit-adapter)) - Builts upon ios-webkit-debug-proxy and translates WebKit's Remote Debugging Protocol API to the CDP.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;573⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;40🍴\u003c/code\u003e\u003c/b\u003e [IE Diagnostics Adapter](https://github.com/Microsoft/IEDiagnosticsAdapter)) - Protocol adaptor for Microsoft IE 11 to CDP.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;42⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [go-debugger-devtools](https://github.com/allada/go-debugger-devtools))\n\r\n## Source\r\n\u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;6318⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;363🍴\u003c/code\u003e\u003c/b\u003e [ChromeDevTools/awesome-chrome-devtools](https://github.com/ChromeDevTools/awesome-chrome-devtools))","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorreia-jpv%2Ffucking-awesome-chrome-devtools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcorreia-jpv%2Ffucking-awesome-chrome-devtools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorreia-jpv%2Ffucking-awesome-chrome-devtools/lists"}