JSON Formatter & Viewer

Định dạng, kiểm tra, xem và so sánh JSON, trình kiểm tra WebSocket. Dạng cây, tìm kiếm, tệp tới 10 MB. Không quảng cáo.

JSON Formatter & Viewer — công cụ nhanh và nhẹ cho lập trình viên: định dạng, kiểm tra, khám phá, chuyển đổi và so sánh dữ liệu JSON. Xử lý tệp JSON tới ~10 MB. — Định dạng — ✅ Định dạng và làm đẹp JSON với thụt lề chuẩn ✅ Nén JSON thành một dòng ✅ Sắp xếp các key của object theo bảng chữ cái (đệ quy) ✅ Kiểm tra cú pháp theo thời gian thực với thông báo lỗi rõ ràng ✅ Tự động định dạng khi dán hoặc kéo thả tệp — Khám phá — ✅ Cây tương tác có thể mở rộng / thu gọn ✅ Mở rộng tới bất kỳ độ sâu nào (1–10) chỉ với một cú nhấp ✅ Tìm kiếm với tô sáng trực tiếp, số kết quả và chế độ phân biệt chữ hoa/thường ✅ Sao chép bất kỳ giá trị hoặc đường dẫn nào từ cây — Hoàn tác và lịch sử — ✅ Hoàn tác lần định dạng, sắp xếp key hoặc tự động định dạng gần nhất bằng một cú nhấp ✅ Duyệt các trạng thái gần đây và quay lại bất kỳ trạng thái nào (tối đa 30 mục, 5 MB) ✅ Lịch sử được lưu giữa các phiên — So sánh — ✅ So sánh hai JSON song song ✅ So sánh dạng cây với bộ lọc: đã thêm / đã xóa / đã thay đổi ✅ Ẩn các key không đổi để tập trung vào khác biệt — Nhập và xuất — ✅ Dán từ clipboard hoặc kéo thả tệp (tới ~10 MB) ✅ Tải JSON từ URL ✅ Đọc JSON trực tiếp từ WebSocket của trang (xem bên dưới) ✅ Tải xuống dưới dạng tệp .json ✅ Tải JSON mẫu để thử ngay — JSON trực tiếp từ WebSocket — Đang gỡ lỗi ứng dụng giao tiếp qua WebSocket? Thay vì sao chép từng thông điệp từ DevTools, tab WebSocket hiển thị mọi thông điệp trong chính cây bạn đang dùng: thông điệp bên trái, JSON đã định dạng bên phải. ✅ Thông điệp vào và ra, mới nhất ở trên, kèm thời gian và kích cỡ ✅ Nhấp vào thông điệp để khám phá trong cây ở bất kỳ độ sâu nào ✅ Khung nhị phân được giải mã và đánh dấu ✅ Lọc theo hướng hoặc theo socket khi trang mở nhiều hơn một ✅ Các khung keepalive lặp lại được gộp thành một dòng kèm số lượng ✅ Xem sự kiện mở, đóng và lỗi kết nối, để socket bị rớt không bị bỏ qua ✅ So sánh hai khung bất kỳ song song trong chế độ diff ✅ Sao chép khung hoặc gửi sang trình soạn thảo để dùng đầy đủ công cụ ✅ Xuất các khung đang hiển thị ra tệp JSON ✅ Hoạt động cả với dev server cục bộ của bạn trên localhost Cách dùng: mở trang đang gỡ lỗi → nhấp biểu tượng tiện ích → tab WebSocket → "Allow on this site" → tải lại trang. Việc ghi phải bắt đầu cùng lúc với trang, nên cần tải lại. — Bảng điều khiển bên — Ghim trình định dạng vào bảng điều khiển bên của Chrome — nó luôn mở trong khi bạn duyệt trang, không cần mở lại popup sau mỗi lần nhấp. ✅ Một cú nhấp vào Pin sẽ neo ứng dụng ở bên phải trình duyệt ✅ Tiếp tục hoạt động khi bạn thao tác trên trang — lý tưởng để theo dõi WebSocket trực tiếp ✅ Khi còn ghim, biểu tượng tiện ích sẽ mở bảng bên — kể cả sau khi khởi động lại trình duyệt ✅ Unpin bất cứ lúc nào để quay lại popup gọn nhẹ — Chia sẻ — ✅ Liên kết chia sẻ một cú nhấp (dữ liệu nằm trong URL, không bao giờ tới máy chủ) — Trải nghiệm — ✅ Giao diện tối và sáng, lựa chọn được ghi nhớ ✅ Trạng thái trình soạn thảo và cây được giữ giữa các phiên ✅ Không quảng cáo, không theo dõi, không thu thập dữ liệu — mọi thứ chạy trong trình duyệt của bạn — Quyền và quyền riêng tư — Tiện ích chỉ yêu cầu quyền truy cập một trang web khi bạn nhấn "Allow on this site" trong tab WebSocket, và chỉ cho trang đó. Không yêu cầu gì khi cài đặt, và không trang nào bị theo dõi cho tới khi bạn cho phép. Thông điệp WebSocket chỉ được đọc — không gì trên trang bị sửa, chặn hay chèn thêm. Thông điệp đã ghi nằm trong bộ nhớ của tab đó (tối đa 500) và mất khi bạn đóng hoặc tải lại tab. Chúng không bao giờ được tải lên đâu cả: tiện ích không có backend và không có analytics. Bạn có thể thu hồi quyền của một trang bất cứ lúc nào: chrome://extensions → JSON Formatter & Viewer → Site access. Chính sách quyền riêng tư đầy đủ: https://json.fedrr.com/privacy.html Chỉ cần nhấp biểu tượng tiện ích, dán JSON và định dạng ngay lập tức. Cũng có sẵn dưới dạng ứng dụng web: https://json.fedrr.com