Need help with awesome-chrome-devtools?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ChromeDevTools
4.8K Stars 311 Forks Creative Commons Zero v1.0 Universal 146 Commits 9 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

Awesome Chrome DevTools Awesome

Awesome tooling and resources in the Chrome DevTools ecosystem

Contents


Learning

Multiuser DevTools


DevTools tooling and ecosystem

Object formatting

Network Inspection

  • betwixt - System level network proxy, providing inspection via Network panel.
  • Weer - A HTTP protocol debugger (closed source)

CPU profile

  • 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.
  • cpuprofilify - Converts output of various profiling/sampling tools to the
    .cpuprofile
    format.
  • Wishbone python framework - Profiling data can export as
    .cpuprofile
    .

Multimedia

  • snapline - Converts timeline screenshots to gif.

Timeline, Tracing & Profiling

Chrome Debugger integration with Editors


Chrome DevTools Protocol

Developing with the protocol

Automation

  • Puppeteer - Node.js offering a high-level API to control headless Chrome over the DevTools Protocol.
  • Playwright - Node.js library to automate Chromium, Firefox and WebKit with a single API.
  • Taiko - A Node.js module to automate the Chrome/Chromium using DevTools protocol.
  • cuic - Clojure library providing a high-level API for UI test automation over the DevTools Protocol.
  • Also all
    Protocol Driver Libraries
    below

Protocol Driver Libraries

Browser Adapters

Using DevTools frontend with other platforms

Android

ClojureScript

  • Dirac - Debugging of ClojsureScript.

Lua

  • Mare - Lua debugging with Chrome DevTools.

iOS

  • PonyDebugger - Remote network and data debugging iOS apps with Chrome DevTools.

Go

Node.js


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.

Workflow

Themes

Performance

  • sloth - Chrome extension allows to enable and save CPU and network throttling for selected tabs.
  • TracerBench - TracerBench is a controlled performance benchmarking tool for web applications, providing clear, actionable and usable insights into performance deltas.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.