Phản hồi API thường dồn thành một dòng dài và bạn cần thấy cấu trúc của nó, hoặc nó không phân tích được và bạn cần biết lỗi ở đâu. Trang này làm cả hai mà không gửi gì đi đâu: việc phân tích, thụt lề và hiển thị cây đều diễn ra trong trình duyệt.

Cách dùng

1. 1 Dán JSON vào ô nhập, hoặc bấm Tải ví dụ để xem cách hoạt động.
2. 2 Chọn mức thụt lề, và tích Sắp xếp khóa nếu bạn đang so sánh hai phản hồi.
3. 3 Bấm Định dạng. Nếu JSON hỏng, bạn sẽ nhận được dòng và cột; nếu không, chuyển sang chế độ Cây để xem.

Thông báo lỗi cho biết cái gì, không cho biết ở đâu

Các trình duyệt báo lỗi khác nhau: có nơi cho vị trí ký tự, có nơi cho dòng và cột, có nơi không cho gì cả. Trang này đọc dạng mà trình duyệt của bạn trả về, đổi sang dòng và cột, rồi in dòng đó kèm dấu chỉ ngay dưới vị trí lỗi. Khi không lấy được vị trí, thông báo vẫn hiện nhưng không đánh dấu dòng nào, vì chỉ sai dòng còn tệ hơn là không chỉ.

Định dạng và nén là hai chiều của cùng một việc

Cả hai đều dựng lại tài liệu từ giá trị đã phân tích, nên đầu ra luôn là JSON hợp lệ dù đầu vào có khoảng trắng kỳ lạ. Nén sẽ bỏ mọi khoảng trắng giữa các thành phần, đúng thứ bạn cần trước khi đặt dữ liệu vào header, chuỗi truy vấn hay dữ liệu kiểm thử.

{"id":7,"tags":["a","b"],"ok":true}

{
  "id": 7,
  "tags": [
    "a",
    "b"
  ],
  "ok": true
}

Sắp xếp khóa giúp so sánh được hai phản hồi

Khóa của đối tượng trong JSON không có thứ tự cố định, nên hai máy chủ có thể trả về cùng dữ liệu theo thứ tự khác nhau và phép so sánh văn bản sẽ báo khác biệt khắp nơi. Sắp xếp khóa đưa cả hai về cùng một hình dạng trước. Mảng thì cố ý giữ nguyên: trong mảng, thứ tự là một phần của dữ liệu chứ không phải nhiễu.

Mọi thứ bạn dán vào không rời khỏi trang này

JSON cần định dạng thường là phản hồi API thật, và nó hay chứa token, hồ sơ khách hàng hoặc đơn hàng. Ở đây không có bước tải lên và cũng không có phía máy chủ: mọi thứ chạy ngay trong trang bạn đang mở.