DevJSON - Advanced JSON & XML Formatter

The cleanest JSON & XML viewer for developers. Beautify, minify, validate, tree view, copy path. Fast, private, zero bloat.

v2.1.0 — Compare is here! 🆚 Diff two JSON or XML documents side-by-side. Paste your original and modified versions into the new Compare tab and instantly see what was added, removed, or changed — color-coded and easy to scan. • New "Compare" tab alongside Viewer • Works for both JSON and XML • Clear visual legend: added / removed / changed / unchanged • Same fast, private, zero-bloat experience you already use As always — no data leaves your browser. Everything runs locally. "The cleanest JSON & XML viewer for developers. Beautify, minify, validate, tree view, copy path, and now compare two documents side-by-side. Fast, private, zero bloat." ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ✦ CORE FEATURES ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔷 BEAUTIFY Instantly format messy, compressed, or single-line JSON and XML into clean, readable, properly indented output. Syntax highlighting makes keys, values, strings, and types easy to distinguish at a glance. 🔷 MINIFY Compress any JSON or XML into a compact single-line format — perfect for APIs, configs, and production payloads. 🔷 VALIDATE Know instantly if your data is valid. DevJSON shows precise, human-readable error messages with line and column numbers, so you can locate and fix problems fast. Example: "Invalid JSON at line 14, column 28" 🔷 TREE VIEW Explore deeply nested JSON and XML visually. Expand and collapse objects, arrays, and XML elements with a single click. Array indexes are clearly shown as [0], [1], [2]. Perfect for understanding unfamiliar data structures quickly. 🔷 XML SUPPORT Full XML support alongside JSON — beautify, minify, validate, and explore XML with syntax highlighting for tags, attributes, and values. 🔷 COPY PATH / COPY XPATH Hover over any node in Tree View and copy its exact path with one click. JSON path example: root.users[0].profile.username XML XPath example: /users/user[1]/profile/name No more manually tracing nested structures. 🔷 SEARCH Search across keys, values, tags, and attributes in both Code View and Tree View. Matching results are highlighted and you can navigate through them with Next/Previous controls or keyboard shortcuts. 🔷 LIGHT & DARK MODE Switch between a polished dark theme (easy on eyes during long sessions) and a clean light theme. Your preference is saved automatically. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⌨️ KEYBOARD SHORTCUTS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Ctrl/Cmd + B → Beautify Ctrl/Cmd + M → Minify Ctrl/Cmd + F → Search Ctrl/Cmd + T → Toggle Tree View ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 PRIVACY FIRST ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ DevJSON requires zero permissions. Your data never leaves your browser — everything is processed locally, in-memory, with no servers, no analytics, no tracking, and no accounts required. What you paste stays yours. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⚡ LIGHTWEIGHT BY DESIGN ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Built with vanilla JavaScript — no heavy frameworks, no runtime dependencies. Loads instantly and stays out of your way. The tool feels like a natural extension of your DevTools workflow. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 👨‍💻 BUILT FOR DEVELOPERS ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Whether you're debugging API responses, exploring configuration files, reviewing data payloads, or working with XML feeds — DevJSON gives you a clean, distraction-free environment to get the job done. Manifest V3 · Privacy-friendly · Zero permissions · Works offline