Trình Định Dạng JSON
Định dạng và xác thực dữ liệu JSON để dễ đọc và debug hơn. Hỗ trợ nén, làm đẹp và tô màu cú pháp.
Cách sử dụng Trình Định Dạng JSON
Các bước sử dụng
- Dán dữ liệu JSON của bạn vào ô nhập bên trái.
- Nhấn nút "Định dạng" để định dạng dữ liệu JSON thành dạng dễ đọc.
- Nhấn nút "Nén" để nén dữ liệu JSON thành một dòng duy nhất.
- Nhấn nút "Tự động sửa" để tự động sửa các lỗi cú pháp JSON phổ biến.
- Nhấn nút "Sao chép" để sao chép kết quả vào clipboard.
- Nhấn nút "Xóa" để xóa cả vùng nhập và output.
- Sử dụng nút "Escape Output" để escape output nhằm nhúng vào code chương trình.
- Sử dụng nút "Chế độ tối" để chuyển đổi giao diện hiển thị.
Ví dụ Escape Output
Khi bật escape output, chuỗi JSON sẽ được escape để nhúng trực tiếp vào code chương trình. Ví dụ:
Output thường::
{
"message": "Hello \"World\"",
"newline": "Line 1\nLine 2"
}
Output đã escape::
{\n \"message\": \"Hello \\\"World\\\"\",\n \"newline\": \"Line 1\\nLine 2\"\n}
Tính năng
- Tự động định dạng: Làm đẹp dữ liệu JSON với thụt lề và ngắt dòng phù hợp.
- Xác thực cú pháp: Kiểm tra lỗi cú pháp trong dữ liệu JSON và cung cấp thông báo lỗi.
- Tô màu cú pháp: Đánh dấu các cặp key-value và kiểu dữ liệu JSON bằng màu khác nhau.
- Chức năng nén: Chuyển đổi JSON đã định dạng thành dạng nén một dòng để giảm kích thước dữ liệu.
- Tự động sửa: Tự động sửa các lỗi cú pháp JSON phổ biến như key không có ngoặc kép và dấu phẩy thừa.
- Escape Output: Escape chuỗi JSON để nhúng trực tiếp vào code chương trình.
- Xử lý cục bộ: Mọi xử lý dữ liệu đều thực hiện trong trình duyệt của bạn, không upload lên server.
- Xử lý thời gian thực: Thay đổi input được tự động xử lý và kết quả được cập nhật.
Chi tiết hoạt động
Định dạng
Làm đẹp JSON với thụt lề 2 khoảng trắng và ngắt dòng, giữ nguyên thứ tự khóa.
{"name":"John","age":30}
{
"name": "John",
"age": 30
}
Nén
Loại bỏ tất cả khoảng trắng và ngắt dòng không cần thiết để tạo định dạng một dòng nhỏ gọn.
{
"name": "John",
"age": 30
}
{"name":"John","age":30}
Tự động sửa
Tự động sửa các lỗi cú pháp JSON phổ biến:
- Thêm dấu ngoặc kép vào tên thuộc tính không có dấu ngoặc kép
- Thay thế dấu ngoặc đơn bằng dấu ngoặc kép
- Loại bỏ dấu phẩy ở cuối trước dấu ngoặc đóng
{name:'John',age:30,}
{"name":"John","age":30}
Công Cụ Liên Quan
Bộ Công Cụ Xử Lý JSON
Bộ công cụ JSON với so sánh, xác thực lược đồ, truy vấn JSONPath, sắp xếp khóa, làm phẳng/bỏ làm phẳng
Chuyển Đổi JSON YAML
Chuyển đổi giữa định dạng JSON và YAML với thụt lề tùy chỉnh và hỗ trợ kiểu flow/block
Chuyển Đổi JSON CSV
Chuyển đổi giữa định dạng JSON và CSV với làm phẳng đối tượng lồng nhau và hỗ trợ dấu phân cách tùy chỉnh
Trình Định Dạng XML
Định dạng và xác thực dữ liệu XML với làm nổi bật cú pháp
Trình Định Dạng YAML
Định dạng, xác thực dữ liệu YAML và chuyển đổi sang JSON với làm nổi bật cú pháp và nhiều tùy chọn định dạng
Kiểm Tra Văn Bản Khác Biệt
So sánh sự khác biệt giữa hai văn bản hoặc tệp với chế độ xem nổi bật song song