Chuyển đến nội dung chính
LibraTool logoLibraTool

Trình định dạng JSON miễn phí

Định dạng, xác thực, thu nhỏ và khám phá dữ liệu JSON. Chế độ xem dạng cây, đánh dấu cú pháp và sao chép bằng một cú nhấp chuột.

Hoạt động ngoại tuyến sau khi tải

Công dụng phổ biến

  • Định Dạng Phản Hồi APIDán các phản hồi JSON API thô và ngay lập tức định dạng chúng thành đầu ra có thể đọc được, được thụt lề.
  • Định Dạng Tệp Cấu Hình JSONLàm sạch và xác thực các tệp cấu hình JSON — package.json, tsconfig.json, cài đặt, v.v.
  • Định Dạng JSON Cho Gỡ LỗiGỡ rối nhật ký JSON được giảm thiểu hoặc thoát, tải trọng lỗi và đầu ra cơ sở dữ liệu ngay lập tức.
  • Định Dạng Tệp Dịch JSONXác thực và làm đẹp các tệp dịch JSON i18n (en.json, de.json) được sử dụng trong ứng dụng React, Vue và Next.js.
  • Kiểm Tra Và Định Dạng Tải WebhookDán tải webhook thô từ Stripe, GitHub hoặc Shopify và đọc chúng được định dạng rõ ràng.

Cách hoạt động

Công cụ định dạng chạy hoàn toàn trong trình duyệt bằng JSON.parse và JSON.stringify tích hợp của JavaScript — không thư viện, không máy chủ. Phân tích, định dạng, thu gọn và chế độ xem cây tương tác đều diễn ra cục bộ khi bạn gõ.

  1. 1
    Phân tích trực tiếp khi nhập
    JSON.parse chạy 200 ms sau lần gõ phím cuối cùng. Nếu phân tích thất bại, một hàm định vị lỗi tự viết đọc thông báo SyntaxError từ V8 hoặc Firefox, lấy số dòng và cột, và cung cấp liên kết nhảy đến lỗi trong ô nhập.
  2. 2
    Phát hiện số nguyên không an toàn
    Trước khi hiển thị đầu ra, công cụ quét nguồn thô để tìm các số nguyên có từ 16 chữ số trở lên (bỏ qua những số trong chuỗi có dấu nháy), rồi kiểm tra từng số bằng Number.isSafeInteger. Nếu có số nào bị làm tròn ngầm do lưu trữ double IEEE-754, cảnh báo sẽ xuất hiện trước khi bạn sao chép hoặc tải về.
  3. 3
    Định dạng, thu gọn và sắp xếp khóa
    JSON.stringify(value, null, indent) tạo đầu ra đã định dạng hoặc thu gọn. Khi bật sắp xếp khóa, một hàm đệ quy duyệt mọi đối tượng trong cây đã phân tích và dựng lại bằng Object.keys(...).sort() trước khi tuần tự hóa — mảng được giữ nguyên thứ tự gốc.
  4. 4
    Chế độ xem cây tương tác
    Chế độ xem cây là một hàm làm phẳng đệ quy tự viết, chuyển đối tượng đã phân tích thành danh sách phẳng các nút với độ sâu, đường dẫn và trạng thái mở/thu gọn. Hiển thị giới hạn ở 5.000 nút nhìn thấy để tránh treo thẻ với tài liệu nhiều megabyte có mảng lớn được mở rộng.

Mọi thứ chạy cục bộ trong trình duyệt — JSON của bạn không bao giờ được gửi đến máy chủ nào.

Công cụ liên quan

🗜️

Nén & Định Dạng CSS

Nén CSS để giảm kích thước tệp hoặc định dạng CSS đã nén để dễ đọc. Tức thì, trên trình duyệt.

Thử ngay
🎨

Định Dạng CSS

Định dạng CSS đã nén với thụt lề nhất quán, hoặc nén CSS lại. Có tùy chọn sắp xếp thuộc tính theo bảng chữ cái để so sánh khác biệt dễ dự đoán hơn.

Thử ngay
🌐

Định Dạng & Nén HTML

In đẹp hoặc nén HTML với thụt lề lồng nhau chuẩn. Giữ nguyên nội dung bên trong các khối <pre>, <script>, <style>.

Thử ngay

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