Media
1 item
Description
Adds a sidebar pane to the DevTools Network panel that parses NDJSON request payloads. NDJSON Network Sidebar — read streaming JSON payloads without the headache. Modern apps love NDJSON (newline-delimited JSON, also called JSONL or JSON Lines): batch telemetry, log shippers, analytics beacons, LLM streaming responses, and bulk import APIs all send many JSON objects packed one-per-line into a single request body. Chrome DevTools shows that body as one long, unreadable wall of text. This extension fixes that. NDJSON Network Sidebar adds a dedicated "NDJSON" panel to Chrome DevTools that automatically watches network traffic and surfaces every request carrying an NDJSON payload — no configuration, no copy-pasting into an external viewer. WHAT IT DOES Automatic detection. As you use a page, the panel inspects each request body, validates it line-by-line, and lists only the requests that actually contain NDJSON. It recognizes the format both by parsing the content and by common MIME types (application/x-ndjson, application/jsonl, json-lines, x-json-stream). Readable, collapsible structure. Each captured request shows its method, URL, and line count. Expand it to see every line as an individual, collapsible JSON tree with full syntax highlighting for keys, strings, numbers, booleans, and null — so you can drill straight to the field you care about instead of scanning raw text. Auto-decodes nested JSON. Payloads often hide JSON inside a string value (double-encoded data). The panel detects these, decodes them inline, and tags them with an "(encoded)" badge so the real structure is always visible. Search across keys and values. Type a query to filter and highlight matching keys or values across every captured line. The panel shows how many lines matched per request and how many requests matched overall, making it easy to find one event in a stream of thousands. One-click copy. Every line has a Copy button that puts a clean, pretty-printed copy of that single JSON object on your clipboard — ready to paste into a ticket, test, or another tool. Stays out of your way. The view auto-clears on navigation, has a manual Clear button, and uses a dark theme that blends into DevTools. WHY INSTALL IT If you build or debug services that stream or batch JSON, you lose minutes every time you squint at a raw NDJSON body or paste it into an outside formatter. This panel turns that raw body into a searchable, explorable, copy-ready tree the moment the request fires — right inside the tools you already have open. Privacy: everything runs locally in your browser's DevTools. The extension reads request bodies only while DevTools is open, keeps nothing after you close it, and sends no data anywhere.