How to Debug JSON Errors Fast: A Practical Guide

xiaochen11223 — Wed, 07 Oct 2026 05:17:04 +0000

JSON errors are among the most common (and annoying) issues developers face. A missing comma, an extra quote, or a trailing comma can break an entire API response. Here's a practical workflow to debug them fast.

1. Validate first, don't eyeball

Don't scan a 200-line JSON by eye. Paste it into a validator that tells you the exact line and column of the error. This alone saves minutes every time.

2. Check the common culprits

Trailing commas - [1, 2, 3,] is invalid in strict JSON
Unescaped quotes inside string values
Single quotes instead of double quotes
Comments - JSON doesn't allow them (unlike JSONC)
Missing colons between key and value

3. Format before you read

A minified blob is unreadable. Beautify it first - with proper indentation, structural mistakes become visually obvious.

4. Diff large changes

When a JSON response changes between deploys, use a diff tool to spot exactly what shifted instead of comparing manually.

5. Use the right tool

For quick work I use JSONMini - it's free, runs 100% in your browser, and gives you precise error line/column positions, a tree view with image previews, side-by-side diff, custom indentation, and URL sharing via the ?json= parameter. Your data never leaves your machine.

Happy debugging!

How I built a privacy-first JSON formatter that runs 100% in the browser

xiaochen11223 — Wed, 07 Oct 2026 04:26:14 +0000

A while ago I kept running into the same problem: I needed to format, validate and compare JSON payloads every day, but I didn't want to paste sensitive API responses into some random website. So I built JSONMini — a JSON toolkit that does everything in your browser. No uploads, no server, no data leaves your machine.

What it does

Minify & Beautify — with configurable indentation (2/3/4 spaces or tabs)
Validate — with error line/column highlighting so you know exactly where the JSON broke
Format — pretty-print with optional key sorting
Diff — side-by-side comparison of two JSON payloads
Viewer — tree view with image previews for URLs inside your JSON

The interesting part

Since everything runs client-side, there is no backend to worry about. The heavy lifting is done with the built-in JSON.parse/JSON.stringify plus a custom tokenizer for error positions, and the whole UI is a Next.js app deployed on Cloudflare Workers.

Two features I ended up loving:

URL sharing — you can pass JSON via the ?json= query parameter, so sharing a payload with a colleague is as easy as sending a link.
Local history — the last 10 payloads are kept in localStorage, so you can restore previous work without re-pasting.

Try it

It's free, no sign-up required: https://jsonmini.com

If you're building something similar, happy to answer questions in the comments!

DEV Community: xiaochen11223