Media
2 items
Description
Inspect network requests in a filterable table with waterfall, GraphQL, WebSocket and SSE views, insights, and HAR import/export. Flightdeck is a network inspector for people who live in the Network tab. Run it as a DevTools panel, or pop it into its own window and keep it beside your app. The request table is dense and quick to filter. Waterfall timings sit inline on every row. GraphQL and WebSocket traffic get real views instead of showing up as identical opaque POSTs. And an Insights tab reads the capture and tells you which requests are slow or wasteful. CAPTURE AND INSPECT - A virtual-scrolled request table. Filter by type, status, method or domain, search free text, and add columns for any response header you care about. Column order and visibility stick between sessions. - Waterfall bars on every row, split into real timing phases: DNS, connect, SSL, send, TTFB, download. Hover for the breakdown. - An overview strip showing request density over time. Drag across it to pick a window and the table filters to match. - Search inside everything with Cmd/Ctrl+Shift+F: URLs, headers, request and response bodies, with jump-to-result. - Detail tabs: Headers, Payload, JSON preview, Response, Timing, Cookies, and the initiator call stack. - WebSocket and SSE frames, decoded. GRAPHQL - Operation name, variables and response errors pulled out per request. - Flags N+1 patterns and selection sets that go too deep. INSIGHTS AND DIFF - 14 rules run over the capture: slow responses, TTFB eating the request, text served uncompressed, oversized payloads, missing cache headers, duplicate requests, HTTP/1.1 head-of-line blocking, error clusters. Every threshold cites where its number came from. - Diff a response against a baseline you pick. Structural for JSON, line by line for anything else. INTERCEPT AND REPLAY - Block requests. Throttle the network. Turn off the cache. - Edit any request and resend it. - Copy as cURL, fetch, Node fetch or PowerShell, for one row or every row currently filtered. - Record mock scenarios and export them as MSW handlers. HAR IMPORT AND EXPORT - Drop a .har on the table and it behaves like a live capture. Filters, waterfall phases, Insights and Diff all work on it. - Export matches what Chrome writes, field for field, sanitized by default or with sensitive data if you ask for it. Files round-trip between Flightdeck and Chrome's Network panel intact. SETTINGS AND SHORTCUTS - Dark or light theme. Font size from 8 to 24px. A detail pane you can drag to resize. Shortcuts that stay clear of the ones DevTools has already claimed. All of it persists. GOOD TO KNOW Response bodies come from the Chrome Debugger API. The first time you open the Response tab, Chrome shows its "DevTools is debugging this browser" banner. Nothing is broken, that's just how the API works. Open Flightdeck before you load the page if you want the capture to start from the very first request. PRIVACY Nothing you capture leaves your browser. No accounts, no analytics, no backend. Requests live in memory and your settings in local storage. The one time Flightdeck touches the network is when you hit send in Edit and resend.