CodeKitHub
Tiếng Việt
Công cụ JSON

Định Dạng và Kiểm Tra JSON Online

Dán JSON của bạn vào bên dưới để định dạng, làm đẹp hoặc nén ngay lập tức. Công cụ kiểm tra tính hợp lệ của JSON trong lúc định dạng và hiển thị chính xác lỗi nếu có gì sai. Mọi thứ chạy cục bộ trên trình duyệt của bạn — dữ liệu không bao giờ bị tải lên bất kỳ máy chủ nào.

Cách Sử Dụng

  1. Dán JSON của bạn vào ô nhập bên trái (hoặc nhấn "Load Example" để thử).
  2. Chọn thu lề 2 khoảng trắng hoặc 4 khoảng trắng.
  3. Nhấn "Format" để làm đẹp, hoặc "Minify" để nén thành một dòng duy nhất.
  4. Nếu JSON không hợp lệ, đọc thông báo lỗi bên dưới các ô để tìm vấn đề.
  5. Nhấn "Copy" để sao chép kết quả vào clipboard.

Ví dụ

Đầu vào

{"name":"CodeKitHub","tools":["json","base64"],"free":true}

Đầu ra

{
  "name": "CodeKitHub",
  "tools": [
    "json",
    "base64"
  ],
  "free": true
}

Cùng một dữ liệu, được định dạng với thu lề 2 khoảng trắng. Minify làm điều ngược lại: loại bỏ mọi khoảng trắng.

Công Cụ Này Là Gì?

Công cụ định dạng JSON nhận văn bản JSON thô, đã nén hoặc lộn xộn và viết lại với thu lề và xuống dòng nhất quán để dễ đọc hơn. JSON (JavaScript Object Notation) là định dạng dữ liệu phổ biến nhất được các API, file cấu hình và hệ thống log sử dụng, nhưng máy chủ thường gửi nó dưới dạng một dòng dài khó đọc để tiết kiệm băng thông.

Công cụ này cũng hoạt động như một trình kiểm tra JSON hợp lệ: nó phân tích đầu vào của bạn theo đúng quy tắc nghiêm ngặt mà trình duyệt sử dụng, nên nếu JSON của bạn thiếu dấu phẩy, có key không đặt trong dấu nháy hay dấu phẩy thừa cuối cùng, bạn sẽ thấy chính xác thông báo lỗi thay vì thất bại âm thầm.

Mẹo thực tế

  • Đang gỡ lỗi một API? Dán phản hồi thô trước, định dạng sau — trình kiểm tra sẽ chỉ ra chính xác dòng và cột của vấn đề cú pháp, tốt hơn nhiều so với nhìn chằm chằm vào một khối một dòng.
  • Dùng thu lề 2 khoảng trắng để đọc trên màn hình và nén JSON trước khi dán vào một URL, biến môi trường hoặc tin nhắn chat — khoảng trắng ở đó chỉ tốn dung lượng.
  • Comment kiểu JSON5 và dấu phẩy thừa cuối cùng là hai lý do phổ biến nhất khiến config viết tay "trông có vẻ ổn" nhưng lại thất bại khi kiểm tra: JSON nghiêm ngặt không cho phép cả hai.
  • Với file rất lớn (log, dữ liệu xuất từ database), chỉ định dạng phần bạn cần quan tâm — trình soạn thảo của bạn vẫn phản hồi nhanh và cấu trúc dễ theo dõi hơn.

Ứng dụng trong quy trình làm việc thực tế

Quy trình phổ biến nhất chúng tôi thấy: một API trả về JSON được bọc Base64 hoặc đã nén bên trong một token hay payload webhook. Giải mã Base64 trước, định dạng JSON sau, và so sánh hai phản hồi khi có gì đó thay đổi giữa các môi trường. Mỗi bước đều có công cụ riêng ở đây, và dữ liệu của bạn không bao giờ rời khỏi trình duyệt ở bất kỳ bước nào.

Lập trình viên frontend dùng chiều nén cũng thường xuyên như định dạng: đang phát hành một file JSON tĩnh lớn? Nén nó thường tiết kiệm 20–30% dung lượng ngay cả trước khi gzip bắt đầu hoạt động.

Mã Hóa / Giải Mã Base64 · So Sánh Văn Bản

Các trường hợp sử dụng phổ biến

  • Đọc một phản hồi API đã nén được trả về dưới dạng một dòng khó đọc, để hiểu cấu trúc của nó khi gỡ lỗi.
  • Kiểm tra tính hợp lệ của một file cấu hình (như package.json hoặc một file settings dạng JSON) mà một ứng dụng lại đọc không đúng một cách khó hiểu.
  • Chia sẻ một đoạn JSON dễ đọc, đã định dạng trong báo cáo lỗi, code review hoặc tài liệu.
  • Giảm một payload JSON xuống dạng nhỏ nhất trước khi nhúng vào một tham số URL hoặc lưu vào một cột database có giới hạn dung lượng.

Tại Sao Nên Dùng?

Gỡ lỗi phản hồi API nhanh chóng — biến một phản hồi một dòng thành cấu trúc dễ đọc chỉ trong một cú nhấp.

Tìm lỗi cú pháp ngay lập tức, kèm lý do chính xác vì sao JSON không phân tích được.

Nén JSON trước khi nhúng vào code hoặc gửi qua mạng.

100% riêng tư: quá trình phân tích diễn ra trên trình duyệt của bạn, không có gì được tải lên hay lưu trữ.

Không cần đăng nhập, không giới hạn, hoạt động trên di động.

Câu Hỏi Thường Gặp

Dữ liệu JSON của tôi có bị tải lên máy chủ không?

Không. Công cụ này chạy hoàn toàn trên trình duyệt của bạn bằng JavaScript. JSON của bạn không bao giờ rời khỏi thiết bị, nên an toàn khi dùng với dữ liệu nhạy cảm hoặc nội bộ.

Vì sao JSON của tôi không hợp lệ?

Các nguyên nhân phổ biến nhất là: thiếu hoặc thừa dấu phẩy, key không đặt trong dấu nháy kép, dùng dấu nháy đơn thay vì dấu nháy kép, dấu phẩy thừa sau phần tử cuối cùng, và comment (JSON không cho phép comment). Thông báo lỗi bên dưới ô nhập sẽ cho bạn biết trình phân tích tìm thấy gì.

Sự khác biệt giữa Format và Minify là gì?

Format thêm thu lề và xuống dòng để JSON dễ đọc với con người. Minify loại bỏ mọi khoảng trắng không cần thiết để JSON nhỏ nhất có thể — hữu ích trước khi truyền đi hoặc nhúng vào nơi khác.

Có giới hạn dung lượng không?

Công cụ không áp đặt giới hạn cứng nào. File rất lớn (hàng chục megabyte) có thể chạy chậm tùy vào thiết bị của bạn, vì toàn bộ quá trình xử lý diễn ra cục bộ trên trình duyệt.

Công cụ này có tự động sửa JSON bị hỏng không?

Không — công cụ chỉ cho bạn biết chính xác JSON bị hỏng ở đâu để bạn tự sửa, chứ không đoán hay thay đổi dữ liệu của bạn. Đây là chủ đích: âm thầm "sửa" dữ liệu có thể che giấu lỗi thực sự.

Công Cụ Liên Quan