Về Trình định dạng JSON

JSON Formatter biến JSON đã nén, lộn xộn hoặc copy từ log thành cấu trúc lồng nhau dễ đọc và giúp tìm dòng làm hỏng quá trình parse.

Công cụ này format, minify, validate và xem JSON dạng cây ngay trong trình duyệt, phù hợp cho response API, file cấu hình và payload debug.

Cách dùng JSON Formatter

Dán JSON vào vùng nhập, hoặc tải sample để xem dạng đầu ra mong muốn.
Bấm Format để bung payload một dòng thành dễ đọc, hoặc Minify để xóa whitespace khi truyền đi.
Nếu parse lỗi, bắt đầu từ line và column được báo rồi kiểm tra dấu phẩy, dấu quote và bracket.
Copy kết quả hoặc chuyển sang tree view để kiểm tra field lồng sâu.

Khi nào nên dùng

Mở rộng response API một dòng khi debug tích hợp giao diện hoặc máy chủ.
Kiểm tra package.json, manifest hoặc mock payload trước khi commit.
Minify yêu cầu body thành một dòng mà không vô tình sửa hỏng nội dung string.
Format escaped JSON từ log production rồi so sánh bằng Text Diff.

Cú pháp JSON và lỗi thường gặp

JSON chuẩn chỉ cho phép object, array, string dùng double quotes, number, boolean và null. Nhiều lỗi đến từ cú pháp giống JavaScript nhưng JSON không cho phép.

Trailing comma: item cuối trong object hoặc array không được có dấu phẩy thừa.
Single quotes: string và key JSON phải dùng double quotes.
Key không có quote: {name:"dev"} là JavaScript object literal, không phải JSON.
Comment: JSON chuẩn không hỗ trợ // hoặc /* */; hãy xóa hoặc dùng JSON5.

Câu hỏi thường gặp về Trình định dạng JSON

JSON của tôi có bị upload không?: Không. Format, minify, validate và tree browsing chạy cục bộ trong trình duyệt; nội dung không được gửi lên wetool.site.
Format khác Minify thế nào?: Format thêm thụt lề và xuống dòng để đọc. Minify xóa whitespace không cần thiết cho truyền dữ liệu hoặc cấu hình một dòng.
Vì sao JSON bị báo invalid?: Thường do trailing comma, single quotes, key thiếu quote, bracket không khớp hoặc văn bản log bị copy kèm.
Có xử lý được JSON lớn không?: Có. Phần parse nặng được đưa vào Web Worker khi có thể để payload lớn không làm đứng giao diện.
Có hỗ trợ JSON5 hoặc comment không?: Công cụ này validate JSON chuẩn. Hãy đổi comment, single quotes hoặc trailing comma trước khi parse.

Vì sao dùng JSON Formatter trong trình duyệt

JSON thường chứa dữ liệu API nội bộ, token, log hoặc dữ liệu người dùng. Xử lý cục bộ giảm rủi ro dán payload nhạy cảm lên server bên thứ ba.

Checklist strict JSON vs JSON5

Nhiều đầu vào “JSON prettify failed” thực ra là JavaScript objects hoặc JSON5. Production APIs, config files và log fields thường vẫn cần strict JSON.

Đổi single-quoted strings sang double quotes và quote mọi object key.
Xóa trailing commas, // comments và /* */ comments trước khi dùng strict JSON parser.
NaN, Infinity, undefined, Date objects và functions không phải valid JSON values; hãy đổi sang strings, numbers, booleans, null, arrays hoặc objects trước.

Checklist debug JSON lớn

API responses lớn và log payloads cần nhiều hơn prettify: tránh trình duyệt freeze và accidental data edits.

Format trước rồi tìm field names; cách này đáng tin hơn tìm nested paths trong one-line JSON.
Trước khi so sánh hai responses, format cả hai với cùng indentation để diff không bị whitespace hoặc minified structure chi phối.
Nếu JSON đến từ logs, xóa timestamps, log levels, escaping wrappers và surrounding văn bản, chỉ giữ real JSON fragment.