Định dạng JSON bắt nguồn từ Javascript và thường được sử dụng để truyền dữ liệu giữa máy chủ và ứng dụng web. Nó là một thay thế cho XML mà một lập trình viên có thể vọc tại, sử dụng bất kỳ số lượng công cụ nào. Nhưng nếu bạn muốn sử dụng trình duyệt của mình thì sao? Có một số ứng dụng và tiện ích web dành cho Google Chrome nhằm giúp các lập trình viên chỉnh sửa các tệp JSON.

Trình định dạng JSON (ứng dụng)

Ứng dụng Chrome Formatter Chrome đã được tạo để giúp các lập trình viên gỡ lỗi mã. Thường thì văn bản trong các tệp JSON được nhập mà không có ngắt dòng làm phương tiện tiết kiệm dung lượng. Trình định dạng JSON cố gắng hỗ trợ các lập trình viên bằng cách định dạng mã theo cách dễ đọc hơn. Chỉ cần chèn mã vào hộp duy nhất hiển thị trên trang web và nhấn nút “Định dạng JSON”. Văn bản được định dạng lại mong muốn sẽ được hiển thị bên dưới. Nút “Un-Format JSON” có sẵn để chỉnh sửa các tệp JSON trở lại biểu mẫu gốc không gian lưu trữ của chúng.

Trình định dạng JSON (tiện ích mở rộng)

Phần mở rộng của Trình định dạng JSON của Chrome không có liên quan đến ứng dụng Chrome, là một công cụ mã nguồn mở cũng giúp đọc mã JSON dễ dàng hơn trên mắt. Nó cung cấp hỗ trợ cho cả hai định dạng JSON và JSONP và cung cấp đánh dấu cú pháp, cây có thể thu gọn, hướng dẫn thụt lề và URL có thể nhấp. Nó hoạt động trên bất kỳ trang JSON hợp lệ nào và trên các tệp cục bộ. Ảnh chụp màn hình ở trên hiển thị JSON Formatter đang hoạt động, trong khi ảnh chụp màn hình dưới đây cho thấy mã trông như thế nào mà không cần phần mở rộng được cài đặt.

Trình chỉnh sửa JSON

JSON Editor là một công cụ để xem, chỉnh sửa và định dạng JSON. Ứng dụng Chrome này mở trình chỉnh sửa văn bản bên trong trình duyệt của bạn, cho phép bạn chỉnh sửa mã mà không phải chuyển sang ứng dụng khác. Ứng dụng hiển thị hai trường văn bản cạnh nhau. Trường bên trái hiển thị mã như nó, trong khi trường bên phải hiển thị văn bản ở định dạng dễ đọc hơn. Ứng dụng có thể mở cả tệp cục bộ và url. Mã nguồn của nó cũng có sẵn cho những người muốn biết làm thế nào nước sốt được thực hiện.

JSONView

JSONView cho Google Chrome có nguồn gốc dưới dạng tiện ích mở rộng của Firefox. Nó hoàn chỉnh với các tùy chọn menu ngữ cảnh để sao chép đường dẫn hoặc giá trị JSON. Ngoài ra còn có một trình soạn thảo kiểu dựng sẵn để tùy chỉnh chủ đề. Tiện ích mở rộng được tạo bởi nhà phát triển khác, JSONView và JSONLint cho Google Chrome, mở rộng khả năng của phần mở rộng JSONView để xác thực tài liệu JSON bằng JSONLint. Và nói về JSONLint…

JSONLint

Ứng dụng JSONLint Chrome khá đơn giản. Nó mở ra trang web JSONLint, nơi bạn có thể xác nhận hợp lệ các tài liệu JSON. Nó cũng có thể định dạng lại các tài liệu JSON nếu cần. Ứng dụng thêm chức năng ngoại tuyến, đó là một liên lạc tốt đẹp. Giống như hầu hết các tùy chọn trên trang này, ứng dụng là nguồn mở và mã nguồn có sẵn cho bất kỳ ai muốn kiểm tra nó.

Phần kết luận

Nếu bạn là một lập trình viên có kinh nghiệm, bạn có thể đã có một quy trình làm việc được thiết lập. Nhưng nếu bạn đang lần đầu tiên sử dụng các tài liệu JSON hoặc chỉ muốn các công cụ bổ sung để tương tác với các tài liệu trong trình duyệt của mình, bạn có nhiều tùy chọn. Bạn không phải sử dụng trình soạn thảo JSON chuyên dụng để chỉnh sửa các tệp JSON và nếu bạn đã có một cách tương tác ưu tiên với các tệp như vậy, hãy cho chúng tôi nghe về nó trong các nhận xét bên dưới.