Extra Credit

Chrome DevTools

Official docs outline

16 sections
  1. DevTools Protocol overview

    Protocol structure of domains, commands, events and types, JSON message format, sessions, remote debugging port and WebSocket.

  2. Target domain

    Targets (pages, workers, iframes), attachToTarget, flat sessions and sessionId, auto-attach.

  3. Page domain

    Navigation, lifecycle events, screenshots, frames, reload and printToPDF.

  4. Runtime domain

    Runtime.evaluate, remote objects, callFunctionOn, console API events, exceptions.

  5. DOM domain

    DOM tree inspection, nodeIds, querySelector, node resolving and manipulation.

  6. CSS domain

    Computed styles, matched rules, stylesheets.

  7. Network domain

    Request and response events, headers, cookies, bodies, throttling and cache control.

  8. Fetch domain

    Intercepting and modifying requests and responses, request pausing, mocking.

  9. Input domain

    Synthesizing mouse, keyboard and touch events.

  10. Emulation domain

    Device metrics, user agent, geolocation, media and timezone emulation.

  11. Debugger domain

    Breakpoints, stepping, call frames, scripts and source maps.

  12. Performance and tracing

    Performance metrics, tracing, profiler and heap profiling.

  13. Accessibility domain

    Accessibility tree retrieval and ARIA roles.

  14. Storage domain

    Cookies, local storage, IndexedDB and cache storage inspection.

  15. Browser domain

    Browser-level control, permissions, windows, downloads, version info.

  16. Remote debugging and DevTools

    Connecting DevTools to remote devices, remote-debugging-port, security of debug endpoints.

Each section links to the official page. Titles and summaries by Extra Credit; the docs belong to their authors.

All 41