Xem cây JSON

Công cụ xem cây JSON, xác thực và chỉnh sửa trực tuyến miễn phí

Với công cụ xem cây JSON này, dữ liệu JSON thô được biến thành cấu trúc cây tương tác, có thể thu gọn, giúp bạn dễ dàng khám phá cả những đối tượng lồng nhau rất sâu. Dán chuỗi JSON, tải lên tệp .json hoặc kéo thả tệp vào trang, công cụ sẽ lập tức xác thực, phân tích và hiển thị dữ liệu thành cấu trúc phân cấp dễ duyệt, với màu riêng cho từng kiểu chuỗi, số, boolean và null.

Ngoài việc hiển thị trực quan, công cụ còn là một trình chỉnh sửa JSON gọn nhẹ. Di chuột qua bất kỳ giá trị nguyên thủy nào trong cây để hiện nút sửa và xóa, cho phép bạn chỉnh dữ liệu ngay tại chỗ mà không cần chuyển sang trình chỉnh sửa khác. Thay đổi được phản ánh ngay vào JSON gốc, và bạn có thể sao chép hoặc tải về. Trình xác thực JSON tích hợp sẽ làm nổi bật lỗi cú pháp theo thời gian thực, còn tính năng tự sửa lỗi khắc phục các lỗi thường gặp như khóa không có dấu ngoặc kép, dấu nháy đơn và dấu phẩy thừa ở cuối.

Chức năng tìm kiếm mạnh mẽ cho phép bạn tìm khóa và giá trị trong toàn bộ cấu trúc, còn bảng thống kê cho biết tổng số khóa, đối tượng, mảng, chuỗi, số, boolean, null, độ sâu tối đa và kích thước tính bằng byte. Dù bạn đang gỡ lỗi phản hồi API, kiểm tra tệp cấu hình hay phân tích dữ liệu xuất từ cơ sở dữ liệu, công cụ xem JSON trực tuyến này giúp quy trình làm việc nhanh và dữ liệu của bạn riêng tư: mọi thứ chạy ngay trong trình duyệt, không tải lên máy chủ.

Tính năng chính

• Chế độ xem cây tương tác với các nút mở rộng, thu gọn, mở rộng tất cả và thu gọn tất cả
• Xác thực JSON theo thời gian thực với thông báo lỗi mô tả rõ ràng
• Tự sửa các lỗi JSON thường gặp: khóa không có dấu ngoặc kép, dấu nháy đơn, dấu phẩy thừa ở cuối và giá trị undefined
• Sửa và xóa giá trị ngay trong chế độ xem cây
• Tìm khóa và giá trị, làm nổi bật kết quả và hiển thị đường dẫn
• Bảng thống kê JSON: tổng số khóa, đối tượng, mảng, chuỗi, số, boolean, null, độ sâu tối đa và kích thước
• Chuyển đổi định dạng (làm đẹp) và thu gọn cho JSON đầu vào thô
• Tải tệp lên, kéo thả, sao chép vào bộ nhớ tạm và tải về dưới dạng .json
• Chuyển giữa chế độ xem cây và chế độ xem mã
• Bảng nhập liệu có thể thu gọn để dành tối đa không gian cho chế độ xem cây

Cách sử dụng công cụ xem cây JSON

1. Tải JSON của bạn: Dán JSON vào vùng nhập liệu, nhấp "Tải lên" để chọn tệp .json, kéo tệp vào vùng nhập liệu hoặc nhấp "Tải dữ liệu mẫu" để xem bản demo.
2. Xác thực và phân tích: Công cụ xác thực JSON của bạn theo thời gian thực. Nếu phát hiện lỗi, hãy nhấp "Sửa lỗi JSON" để tự động sửa các vấn đề thường gặp.
3. Khám phá cây: Nhấp vào các nút để mở rộng hoặc thu gọn. Dùng "Mở rộng tất cả" và "Thu gọn tất cả" để duyệt hàng loạt.
4. Tìm dữ liệu: Gõ tên khóa hoặc giá trị vào thanh tìm kiếm để định vị các mục khớp cùng đường dẫn đầy đủ của chúng.
5. Sửa hoặc xóa giá trị: Dùng nút sửa hoặc xóa bên cạnh giá trị nguyên thủy. Các nút này vẫn dùng được trên màn hình cảm ứng; việc xóa cần xác nhận.
6. Xuất dữ liệu: Nhấp "Sao chép" để đưa JSON vào bộ nhớ tạm, hoặc "Tải về" để lưu thành tệp .json.

Trường hợp sử dụng

• Gỡ lỗi phản hồi API: Dán phản hồi REST hoặc GraphQL để hình dung cấu trúc và nhanh chóng tìm các trường cần thiết.
• Kiểm tra tệp cấu hình: Tải lên package.json, tsconfig.json hoặc bất kỳ tệp cấu hình nào để xác minh cấu trúc và giá trị.
• Phân tích cấu trúc dữ liệu: Dùng bảng thống kê để hiểu độ phức tạp của một khối JSON: độ sâu lồng nhau, số lượng khóa và kích thước tính bằng byte.
• Chỉnh sửa JSON nhanh: Sửa nhỏ dữ liệu JSON mà không cần mở một IDE hay trình soạn thảo văn bản đầy đủ.
• Sửa lỗi dữ liệu: Dùng tính năng tự sửa để khắc phục JSON bị lỗi cú pháp từ nhật ký hoặc nguồn bên thứ ba trước khi xử lý trong ứng dụng của bạn.
• Xem lại dữ liệu xuất từ cơ sở dữ liệu: Kiểm tra dữ liệu JSON xuất từ MongoDB, Firebase hoặc các cơ sở dữ liệu tài liệu khác ở định dạng dễ đọc.
• Dạy và học: Hình dung cấu trúc dữ liệu lồng nhau cho học viên đang học về JSON, API và mô hình hóa dữ liệu.

Câu hỏi thường gặp

Mẹo và thực hành tốt nhất

• Định dạng trước khi khám phá: Nhấp "Định dạng JSON" để làm đẹp dữ liệu đầu vào, giúp văn bản thô dễ đọc hơn khi đặt cạnh chế độ xem cây.
• Thu gọn bảng nhập liệu: Sau khi tải JSON, hãy ẩn bảng nhập liệu để dành tối đa không gian màn hình cho cây phân cấp sâu.
• Dùng tìm kiếm cho tệp lớn: Thay vì mở rộng từng nút thủ công trong JSON lớn, hãy gõ khóa hoặc giá trị vào thanh tìm kiếm để nhảy thẳng tới kết quả khớp.
• Xem thống kê để kiểm tra nhanh: Dùng "Hiện thống kê" để nắm nhanh độ phức tạp của dữ liệu trước khi đi vào từng nút.
• Kéo thả cho tiện: Kéo tệp .json trực tiếp từ trình quản lý tệp vào vùng nhập liệu là cách nhanh nhất để tải dữ liệu.
• Tải về sau khi sửa: Sau khi sửa trực tiếp, hãy nhấp "Tải về" để lưu JSON đã chỉnh sửa thành tệp mới thay vì ghi đè lên bản gốc.