Cách dùng Trình xem JSON
- Dán JSON hoặc mở tệp
.json. - Nhấp ▸ để mở rộng đối tượng và mảng, hoặc dùng Mở rộng tất cả.
- Tìm kiếm để làm nổi bật các khóa và giá trị khớp.
- Nhấp vào giá trị bất kỳ để xem và sao chép đường dẫn của nó, ví dụ
$.items[0].sku.
Vì sao nên dùng trình xem cây JSON?
JSON đã định dạng dễ đọc với tài liệu nhỏ, nhưng phản hồi API, nhật ký và tệp xuất thường dài hàng nghìn dòng. Chế độ xem dạng cây hiển thị cấu trúc trước: bạn thấy ngay items là một mảng gồm 250 đối tượng mà không cần cuộn, rồi chỉ mở nhánh bạn quan tâm.
Tính năng
- Nút thu gọn được kèm số lượng phần tử và số khóa ở mọi đối tượng và mảng.
- Màu theo kiểu dữ liệu: chuỗi, số, boolean và
nulldễ phân biệt. - Tìm kiếm làm nổi bật khóa và giá trị khớp, đồng thời mở các nhánh chứa chúng.
- Đường dẫn: nhấp vào một giá trị để lấy JSONPath (
$.customer.address.city), sẵn sàng dùng vớijq, JavaScript hoặc công cụ tự động hóa. - Thống kê: tổng số giá trị, độ sâu lồng nhau và kích thước.
Cách dùng đường dẫn
| Công cụ | Đường dẫn $.items[0].sku sẽ thành |
|---|---|
| JavaScript | data.items[0].sku |
| jq | .items[0].sku |
| Python | data["items"][0]["sku"] |
| Make / Zapier | items[1].sku (bắt đầu từ 1) |
Với các ánh xạ không cần lập trình, công cụ tìm đường dẫn JSON xuất đường dẫn theo định dạng Make, Zapier và n8n. Để sửa JSON không hợp lệ, dùng công cụ định dạng JSON; để so sánh hai tài liệu, dùng công cụ so sánh JSON.
Cũng được tìm dưới tên: trình xem json online, json tree viewer, công cụ xem json, json explorer, mở file json, tìm đường dẫn json, trình đọc json, json visualizer.
Các công cụ dùng kèm tốt với Trình xem JSON
- JSON sang TypeScript — Dán một mẫu JSON như phản hồi API hay file cấu hình, bạn sẽ nhận ngay các TypeScript interface sẵn sàng dùng, với kiểu lồng nhau, thuộc tính optional và union type.
- XML sang JSON — Chuyển XML như phản hồi API, nguồn RSS, thông điệp SOAP, sitemap hoặc tệp cấu hình thành JSON gọn gàng để dùng trong JavaScript, Python hoặc bất kỳ REST API nào.
- Kiểm tra JSON Schema — Dán schema và dữ liệu JSON để xem chính xác giá trị nào vi phạm quy tắc nào, hoặc tạo schema ban đầu từ dữ liệu mẫu.
- Kiểm Thử JSONPath — Nhập truy vấn JSONPath và xem ngay nó chọn ra những gì, kèm đường dẫn chính xác của từng kết quả.
Câu hỏi thường gặp
Có mở được file JSON lớn không?
Có. Các tệp vài megabyte hoạt động tốt; tệp rất lớn (từ 50 MB trở lên) có thể chậm vì toàn bộ cây được dựng trong trình duyệt của bạn.
JSON của tôi có bị tải lên không?
Không. Việc phân tích và hiển thị diễn ra cục bộ trong trình duyệt của bạn.
JSONPath là gì?
Là một chuỗi trỏ đến một giá trị bên trong tài liệu JSON, bắt đầu bằng
$ cho gốc, ví dụ $.items[0].price.Tôi có thể cài Trình xem JSON như một ứng dụng web và dùng khi không có mạng không?
Có. Trình xem JSON là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.