Dán JSON thô, nén hoặc bị lỗi và nhận kết quả gọn gàng, dễ đọc chỉ trong một click. Định dạng (làm đẹp) với thụt lề nhất quán, kiểm tra lỗi cú pháp với số dòng và cột chính xác, rút gọn để truyền tải, hoặc khám phá bằng chế độ xem cây — tất cả không cần gửi dữ liệu đi đâu cả.
Công Cụ Định Dạng, Làm Đẹp và Kiểm Tra JSON Là Gì?
Định dạng JSON, làm đẹp JSON (beautify) và in đẹp JSON (pretty print) đều có nghĩa giống nhau: công cụ lấy JSON thô, chưa thụt lề và thêm ngắt dòng cùng thụt lề nhất quán để dễ đọc. Ba thuật ngữ này có thể thay thế cho nhau.
Kiểm tra JSON (JSON validator hay JSON linter) là chức năng liên quan nhưng khác biệt: kiểm tra xem văn bản có phải JSON hợp lệ về mặt cú pháp không. Nếu không, nó cho biết chính xác lỗi ở đâu — số dòng, số cột và loại lỗi — để bạn sửa ngay mà không phải đoán mò.
Công cụ này thực hiện cả hai cùng lúc. Dán bất kỳ JSON nào và nó sẽ định dạng đầu ra đồng thời kiểm tra cấu trúc chỉ trong một lần xử lý.
Cách Sử Dụng
- Dán JSON thô vào ô nhập — kết quả cập nhật theo thời gian thực.
- Nhấn Định dạng để làm đẹp với thụt lề nhất quán, hoặc Rút gọn để nén.
- Chọn thụt lề 2 khoảng trắng hoặc 4 khoảng trắng để phù hợp với quy chuẩn code của dự án.
- Bật Sắp xếp khóa để sắp xếp tất cả thuộc tính object theo thứ tự A–Z — hữu ích khi so sánh hai API response.
- Chuyển sang Chế độ cây để khám phá cấu trúc lồng nhau. Thu gọn bất kỳ nút nào để ẩn nhánh con; số dòng trong cột cố định vẫn hiển thị để bạn biết phạm vi của khối bị ẩn.
- Dùng Tải lên để nạp file
.jsonhoặc.txttừ máy tính. Dùng Sao chép hoặc Tải xuống để xuất kết quả.
Tính Năng Cốt Lõi
- Định dạng & Làm đẹp: Thêm ngắt dòng và thụt lề nhất quán. Kết quả dễ đọc chỉ trong một click.
- Rút gọn & Nén: Loại bỏ mọi khoảng trắng và ngắt dòng để chuẩn bị JSON cho việc truyền tải mạng tốc độ cao.
- Kiểm tra cú pháp: Hiển thị trạng thái hợp lệ/không hợp lệ rõ ràng với số dòng và cột chính xác của bất kỳ lỗi nào.
- Chế độ xem cây tương tác: Duyệt cấu trúc lồng nhau dưới dạng phân cấp có thể thu gọn. Số dòng trong cột cố định vẫn hiển thị khi thu gọn khối, cho thấy dòng mở và đóng của phạm vi bị ẩn.
- Sắp xếp khóa theo thứ tự chữ cái: Sắp xếp tất cả khóa object theo A–Z trong khi giữ nguyên thứ tự mảng. Không thể thiếu khi so sánh hai API response lớn.
- Tải file & Xuất dữ liệu: Nạp file
.jsonhoặc.txttừ máy tính. Tải xuống kết quả dưới dạng file.jsonsạch. - Xử lý theo thời gian thực: Ô kết quả cập nhật ngay khi bạn gõ — không cần nhấn nút.
Các Lỗi Cú Pháp JSON Thường Gặp
JSON rất nghiêm ngặt. Chỉ một ký tự sai chỗ là toàn bộ tài liệu không hợp lệ. Nếu bộ kiểm tra đánh dấu đầu vào của bạn, nguyên nhân hầu hết là một trong những lỗi sau:
- Dấu phẩy thừa cuối — JSON cấm dấu phẩy sau phần tử cuối trong mảng hoặc object.
[1, 2, 3,]không hợp lệ;[1, 2, 3]mới đúng. - Dấu nháy đơn — Tất cả chuỗi và khóa phải dùng dấu nháy kép.
{'tên': 'John'}không hợp lệ;{"tên": "John"}mới đúng. - Khóa không có dấu nháy — Mỗi khóa phải được bao bởi dấu nháy kép.
{tên: "John"}không hợp lệ;{"tên": "John"}mới đúng. - Ký tự chưa được escape — Dấu nháy kép hoặc dấu gạch chéo ngược trong chuỗi phải được escape:
"nói \"xin chào\""không phải"nói "xin chào"". - Comment — JSON chuẩn không cho phép comment.
// commenthay/* comment */trong tài liệu JSON sẽ gây lỗi. Xem FAQ để biết cách xử lý file JSONC. - Ký tự xuống dòng ẩn — Copy-paste qua các hệ điều hành khác nhau có thể chèn ký tự
\r\ngây rối loạn phân tích. Công cụ tự động chuẩn hóa những ký tự này. - Số dùng làm khóa — Khóa object phải là chuỗi.
{1: "giá trị"}không hợp lệ;{"1": "giá trị"}mới đúng.
Các Trường Hợp Sử Dụng Thực Tế
1. Debug API Response
REST và GraphQL API trả về JSON nén chặt không có khoảng trắng. Dán response để xác minh ngay rằng key, giá trị và cấu trúc lồng nhau khớp đúng với kỳ vọng — không cần đếm dấu ngoặc thủ công.
2. Đọc và Chỉnh Sửa File Cấu Hình
Các file cấu hình như package.json, tsconfig.json, settings.json ngày càng phức tạp. Định dạng giữ cho chúng dễ đọc khi chỉnh sửa; kiểm tra phát hiện dấu phẩy thiếu hoặc dấu ngoặc không khớp trước khi gây lỗi build.
3. Kiểm Tra Dữ Liệu Xuất Từ NoSQL
MongoDB, Firestore và DynamoDB xuất dữ liệu dưới dạng JSON document. Định dạng bản xuất trước khi migrate dữ liệu, viết query hoặc phân tích mối quan hệ giữa các document.
4. Phân Tích Log Có Cấu Trúc
Log ứng dụng ở định dạng JSON rất gọn khi lưu trữ. Định dạng từng entry trong lúc xử lý sự cố giúp dễ dàng theo dõi chuỗi sự kiện và xác định trường nào có mặt hoặc bị thiếu.
5. So Sánh Hai API Response
Bật Sắp xếp khóa trước khi so sánh hai response từ các môi trường khác nhau (staging vs. production, v1 vs. v2). Khóa được sắp xếp theo thứ tự chữ cái giúp loại bỏ sự khác biệt giả do thứ tự khóa và làm nổi bật ngay sự khác nhau về cấu trúc.
JSON Của Bạn Không Bao Giờ Rời Khỏi Trình Duyệt
Khi làm việc với API payload chứa session token, PII người dùng, thông tin xác thực database hoặc endpoint dịch vụ nội bộ, gửi chúng đến máy chủ của bên thứ ba là rủi ro bảo mật thực sự.
Tại UPREK, triết lý của chúng tôi rất đơn giản: Dữ liệu của bạn là của bạn. Chúng tôi không muốn nó, không thu thập nó và không thể nhìn thấy nó.
- Xử lý 100% cục bộ: Tất cả định dạng, kiểm tra và rút gọn đều chạy trong JavaScript engine của trình duyệt — cụ thể là API gốc
JSON.parse()vàJSON.stringify()tích hợp sẵn trong mọi trình duyệt. - Không tải lên máy chủ: JSON của bạn không bao giờ được định tuyến qua, xử lý bởi, hay gửi đến máy chủ của chúng tôi.
- Không ghi log hay sao lưu: Chúng tôi không ghi lại, lưu trữ hay sao lưu bất kỳ thứ gì bạn dán hoặc tải lên vào công cụ này.
- Xóa tức thì: Dữ liệu của bạn chỉ tồn tại trong bộ nhớ hoạt động của trình duyệt. Đóng tab là biến mất.
- Bảo mật cấp doanh nghiệp: Vì chúng tôi không bao giờ sở hữu hay truyền dữ liệu của bạn, việc dùng UPREK giúp bạn miễn nhiễm với các vi phạm dữ liệu phía máy chủ.
Nạp Dữ Liệu Qua Tham Số URL
Bạn có thể nạp sẵn JSON vào ô nhập bằng tham số ?input=:
https://www.uprek.com/vi/tools/dinh-dang-json?input=%7B%22hello%22%3A%22world%22%7D
Lưu ý: URL có thể được lưu trong lịch sử trình duyệt và log proxy. Không dùng tham số này cho JSON chứa thông tin xác thực hoặc dữ liệu nhạy cảm — hãy dán trực tiếp vào công cụ.
Câu Hỏi Thường Gặp
Dữ liệu JSON tôi dán vào có thực sự riêng tư không?
Có. Toàn bộ quá trình xử lý dùng API gốc của trình duyệt: JSON.parse() và JSON.stringify(). JSON của bạn không rời khỏi thiết bị — không được gửi đến bất kỳ máy chủ nào, không được ghi lại hay lưu trữ. Bạn có thể xác minh bằng cách kiểm tra bảng Network của trình duyệt: không có yêu cầu gửi đi nào khi bạn dán dữ liệu.
Sự khác biệt giữa định dạng, làm đẹp và in đẹp JSON là gì?
Không có gì — đây là ba tên gọi khác nhau cho cùng một thao tác: lấy JSON nén, không thụt lề và thêm ngắt dòng cùng thụt lề nhất quán để dễ đọc. Định dạng, làm đẹp (beautify) và in đẹp (pretty print) có thể thay thế cho nhau. Thao tác liên quan nhưng khác biệt duy nhất là rút gọn (minify), làm ngược lại: loại bỏ mọi khoảng trắng để tạo biểu diễn gọn nhất.
Sự khác biệt giữa định dạng và rút gọn là gì?
Định dạng (làm đẹp) thêm ngắt dòng và thụt lề để JSON dễ đọc với con người. Rút gọn (minify) loại bỏ mọi khoảng trắng và ngắt dòng để JSON gọn nhất có thể — thường dùng cho truyền tải mạng hoặc nhúng vào mã nguồn. Cả hai thao tác đều tạo ra JSON giống hệt nhau về mặt ngữ nghĩa: cấu trúc dữ liệu và giá trị không thay đổi, chỉ khoảng trắng khác nhau.
Tại sao JSON của tôi không được định dạng?
Đầu vào có lỗi cú pháp. Kiểm tra thông báo lỗi — nó hiển thị chính xác số dòng và cột của vấn đề. Nguyên nhân phổ biến nhất là dấu phẩy thừa sau phần tử cuối trong mảng hoặc object, dấu nháy đơn thay vì dấu nháy kép, khóa không có dấu nháy, và dấu ngoặc thừa hoặc thiếu.
Có thể định dạng JSON có chứa comment (JSONC) không?
Không trực tiếp được — JSON chuẩn không cho phép comment, vì vậy bộ kiểm tra sẽ đánh dấu chúng là lỗi cú pháp. JSONC (JSON có Comment) là một superset được dùng trong settings.json và tsconfig.json của VSCode. Để định dạng file JSONC, hãy xóa comment trước (dùng Tìm & Thay thế để xóa các dòng bắt đầu bằng // hoặc các khối giữa / và /), sau đó dán JSON đã làm sạch vào công cụ.
Nên dùng thụt lề 2 hay 4 khoảng trắng?
Tùy thuộc vào quy ước của dự án. 2 khoảng trắng là lựa chọn phổ biến nhất cho file cấu hình JSON và API web — phù hợp với mặc định trong Node.js và JSON.stringify(null, 2). 4 khoảng trắng phổ biến trong dự án Python và một số môi trường doanh nghiệp. Với dự án nhóm, hãy tuân theo .editorconfig hoặc cấu hình linter hiện có. Cả hai đều là JSON hoàn toàn hợp lệ.
Việc định dạng hay rút gọn có thay đổi dữ liệu thực tế không?
Không. JSON đã định dạng và phiên bản rút gọn của nó hoàn toàn giống nhau về mặt ngữ nghĩa. Định dạng chỉ ảnh hưởng đến khoảng trắng — dấu cách, tab và ngắt dòng. Khóa, giá trị, kiểu dữ liệu, cấu trúc lồng nhau và thứ tự mảng không thay đổi. Ngoại lệ duy nhất là Sắp xếp khóa — chỉ bật khi bạn thực sự muốn điều đó.
Công cụ này có xử lý được file JSON rất lớn không?
Có. Công cụ dùng JavaScript engine gốc của trình duyệt, vốn được tối ưu cao. Các file lên đến vài megabyte định dạng bình thường trên thiết bị hiện đại. Với file cực lớn (50MB+), hiệu năng phụ thuộc vào bộ nhớ thiết bị — nếu trình duyệt chậm đáng kể, hãy cân nhắc dùng công cụ desktop như jq hoặc formatter tích hợp trong IDE.
Nhật ký thay đổi
v1.2.0 18 tháng 5, 2026
- Thêm biểu tượng thu gọn/mở rộng cho các điều khiển tree view
- Thêm thanh số dòng cho ô nhập, ô xuất văn bản và ô tree view
- Tree view nay hiển thị số dòng JSON gốc khi thu gọn khối, giúp các dòng biên vẫn hiển thị
- Đồng bộ hóa cuộn thanh số dòng với cuộn nội dung trên cả ba ô
v1.1.0 18 tháng 5, 2026
- Nâng cấp lên JSON Formatter & Validator đầy đủ — JSON không hợp lệ nay hiển thị chính xác dòng và cột của lỗi cú pháp
- Thêm tree view tương tác để duyệt các cấu trúc lồng nhau với thu gọn/mở rộng theo từng nút
- Thêm tùy chọn sắp xếp khóa theo thứ tự chữ cái
v1.0.0 17 tháng 5, 2026
- Phiên bản đầu tiên: định dạng (làm đẹp) và rút gọn JSON
- Tùy chọn thụt lề 2 hoặc 4 khoảng trắng
- Sao chép vào clipboard và tải xuống dưới dạng file .json