JSON Diff — so sánh JSON theo cấu trúc
So sánh 2 JSON theo cấu trúc (key + value), không phải theo dòng. Hiển thị mọi thay đổi: key thêm/xoá, giá trị đổi — kèm JSONPath. Hữu ích debug API response, config drift, state comparison.
Khác biệt
Diff JSON theo cấu trúc (key + value), khác Text Diff so sánh từng dòng. Output hiển thị mọi key thêm/xoá/đổi giá trị với JSONPath rõ ràng.
Khác Text Diff thế nào?
Text Diff so sánh từng dòng/ký tự — nhạy với format (whitespace, key order). JSON Diff hiểu cấu trúc: thứ tự key không quan trọng, format khác nhau cũng không sao — chỉ phát hiện sự khác biệt thật sự trong dữ liệu.
Khi nào dùng?
- Debug API regression: so sánh response trước/sau deploy → tìm field mới/mất/đổi giá trị.
- Config drift: so file config production vs staging — xem chênh nhau ở đâu.
- State debugging: snapshot Redux/Zustand state trước và sau action — xem action thực sự đổi gì.
- LLM structured output: compare 2 lần gọi model với cùng prompt để đo độ ổn định.
- Translation drift: so 2 file i18n JSON (vi.json vs en.json) — tìm key thiếu một bên.
Cách đọc output
| Ký hiệu | Ý nghĩa |
|---|---|
+ Thêm | Key/index có ở B, không có ở A |
- Xoá | Key/index có ở A, không có ở B |
~ Đổi | Giá trị thay đổi (cùng path, khác value/type) |
Path dùng JSONPath: $.config.theme, $.features[2].
Phù hợp với ai
Lập trình viên fullstack/backend/devops — debug JWT, format JSON/SQL, parse cURL, tính subnet CIDR, vẽ diagram Mermaid, viết commit chuẩn… Toolkit dùng hằng ngày trong terminal & code editor.
Câu hỏi thường gặp
Code/token tôi paste có gửi đi đâu không?
Không. Tất cả công cụ dev của TopDev chạy 100% client-side — JWT, SQL, JSON, cURL, regex… đều xử lý trong trình duyệt. Bạn có thể tắt mạng để kiểm chứng. Phù hợp để paste token nội bộ, query database production, key API.
Có hỗ trợ offline / cài thành PWA không?
Tool đã chạy được offline sau lần load đầu tiên. PWA installable đang nằm trong roadmap — hiện tại bạn có thể bookmark trang và dùng khi mất mạng.
Công cụ liên quan
Xem tất cả công cụ →JWT Decoder
Decode JWT token, xem header/payload/claims với thời gian dễ đọc.
MỚISo sánh văn bản (Diff)
Paste 2 đoạn text/code → highlight khác biệt từng từ/dòng/ký tự. Phù hợp diff output AI.
MỚIJSON Schema Generator
Tạo JSON Schema (Draft-07) từ JSON mẫu — dùng cho structured output LLM, validate API.
MỚIFormat JSON
Format / minify / validate JSON. Sort key A-Z, custom indent, phím tắt Ctrl+Enter.