7 Công cụ chỉnh file JSON ngay trên Google Chrome

Format JSON có nguồn gốc 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 giải pháp thay thế cho XML, cho phép lập trình viên học hỏ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 để làm việc với các file JSON thì sao? Có một số ứng dụng web và tiện ích mở rộng dành cho Google Chrome nhằm giúp các lập trình viên chỉnh sửa các file JSON.

1. JSON Editor Online

Có sẵn dưới dạng: Ứng dụng web

JSON Editor Online (https://jsoneditoronline.org/) là một công cụ để xem, chỉnh sửa và format JSON. Ứng dụng Chrome này mở trình soạn thảo 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 cần phải chuyển sang ứng dụng khác. Ứng dụng hiển thị hai hộp văn bản cạnh nhau. Trường bên trái hiển thị mã nguyên trạng, trong khi trường bên phải hiển thị văn bản ở format dễ đọc hơn.

Ứng dụng có thể mở cả file cục bộ và URL. Mã nguồn của nó cũng có sẵn cho những ai muốn biết nó được tạo ra như thế nào. Nó có thể mở các file có dung lượng lên tới 512 MB, thoạt nhìn có thể không giống lắm nhưng có thể chứa một lượng dữ liệu khổng lồ. Đối với các file thực sự lớn, bạn có thể muốn kiểm tra các công cụ này để xem nhanh mà không bị lag .

JSON Editor không chỉ là một trình soạn thảo. Đó là một trình format, trình phân tích cú pháp và thậm chí là một trợ lý sửa chữa. Nó chắc chắn xứng đáng có một vị trí trong bộ công cụ của mọi nhà phát triển phần mềm.

2. JSON Formatter

Có sẵn dưới dạng: Tiện ích mở rộng của Chrome

Tiện ích mở rộng JSON Formatter của Chrome là một công cụ nguồn mở cũng giúp việc đọc mã JSON dễ dàng hơn. Nó hỗ trợ cả format JSON và JSONP, đồng thời cung cấp tính năng đánh dấu cú pháp, cây thu gọn, hướng dẫn thụt lề và URL có thể nhấp. Nó hoạt động trên mọi trang JSON hợp lệ và trên các file cục bộ.

Tiện ích mở rộng này cũng hoạt động trên các file JSON được cung cấp qua Internet. Tuy nhiên, đôi khi nó xung đột với kiểu dáng của trang HTML khi dữ liệu JSON được cung cấp thô trên phần HTML. Điều này có xu hướng xảy ra trên trang ví dụ từ trang web JSON chính thức , trong đó màu nền biến mất.

Nhưng vì đây là tiện ích mở rộng nên bạn có thể dễ dàng tắt hoặc vô hiệu hóa nó để nó hoạt động trên các trang ẩn danh. Ngoài ra, nó là nguồn mở, vì vậy bạn có thể sửa đổi mã nguồn để khiến nó làm được nhiều việc hơn nữa.

3. JSONView

Có sẵn dưới dạng: Tiện ích mở rộng của Chrome

JSONView dành cho Google Chrome có nguồn gốc là một tiện ích bổ sung 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 phần mềm chỉnh sửa kiểu tích hợp để tùy chỉnh chủ đề.

Là một tiện ích mở rộng được tạo bởi một nhà phát triển khác, JSONVue mở rộng khả năng của JSONView trong việc xác thực các tài liệu JSON bằng cách sử dụng JSONLint .

JSONView cũng áp dụng một số tính năng in đẹp trên các file JSON của bạn. Điều này thêm một bản in đậm trên các khóa JSON để giúp chúng dễ đọc hơn so với dấu ngoặc và dấu hai chấm không in đậm.

4. JSON Beautifier & Editor

Có sẵn dưới dạng: Tiện ích mở rộng của Chrome

JSON Beautifier & Editor biến trình duyệt Chrome của bạn thành công cụ JSON để chỉnh sửa, xử lý và phân tích dữ liệu. Nó cho phép bạn thay đổi khóa và giá trị, cũng như lưu các thay đổi của bạn trong file đầu ra JSON có thể tải xuống.

Có lẽ tính năng tốt nhất nhất mà JSON Beautifier & Editor có là khả năng thêm và xóa khoảng trắng cho các file JSON của bạn. Nó cũng có cách sắp xếp các đối tượng của bạn trong trường hợp bạn thay đổi một số thứ trong khi viết mã.

Nói chung, tiện ích mở rộng này mở rộng những gì tiện ích mở rộng JSON Chrome thông thường có thể làm, biến trình duyệt web của bạn thành trình soạn thảo văn bản offline cho các file JSON.

5. Code Beautify JSON Editor

Có sẵn dưới dạng: Ứng dụng web

Code Beautify JSON Editor chỉ là một trong nhiều công cụ khác có sẵn trong bộ ứng dụng làm đẹp mã của Code Beautify. Tập trung vào Trình soạn thảo JSON, bạn sẽ tìm thấy một số cách khác để xem các file JSON từ trình duyệt web của mình.

Ứng dụng này có chế độ xem mã, hầu hết chỉ là chế độ xem văn bản được chỉnh sửa đẹp mắt – ngoại trừ nó độc lập với chế độ xem Văn bản khi xem JSON nhỏ gọn. Trong khi đó, chế độ xem Biểu mẫu hiển thị cho bạn kích thước của từng mảng bên trong mỗi dòng được thu gọn. Đối với các đồ vật, nó hiển thị có bao nhiêu phím nằm bên trong nó.

Một điều nữa làm cho tiện ích mở rộng này trở nên hữu ích là nó cho bạn thấy các file JSON gốc và đã chỉnh sửa lớn đến mức nào. Nếu bạn đang làm việc trên một dự án có kích thước file rất đặc biệt thì đây có thể là công cụ phù hợp cho công việc đó.

6. Tutorials Point Online JSON Editor

Có sẵn dưới dạng: Ứng dụng web

Tutorials Point Online JSON Editor là một công cụ chỉnh sửa JSON tốt nhất và dễ nhìn. Nó cho phép bạn chuyển đổi các phần tử trực quan, có thể giúp bạn hình dung các khoảng trắng trong mã JSON được lồng sâu. Thêm vào đó, nó có chủ đề có thể thay đổi.

Có lẽ điểm thu hút chính của trình soạn thảo này là nó cũng cung cấp quyền truy cập vào thư viện hướng dẫn. Điều này làm cho nó trở thành một công cụ hữu ích cho những người đang cố gắng học các ngôn ngữ lập trình mới trong khi chủ yếu dựa vào các tài nguyên online.

Tương tự như tất cả các công cụ chỉnh sửa JSON online khác, phần mềm chỉnh sửa này cho phép bạn tải xuống JSON đã chỉnh sửa thông qua trình duyệt của mình. Bằng cách đó, bạn có thể sử dụng điều này để thực hiện hầu hết mọi việc bạn cần làm với bất kỳ mã JSON nào.

7. JSON Editor From Dan’s Tools

Có sẵn dưới dạng: Ứng dụng web

JSON Editor From Dan’s Tools là trình soạn thảo JSON online miễn phí có giao diện gọn gàng và tối giản. Những gì nó thiếu về tính năng được bù đắp bằng khả năng tải nhanh ngay khi bạn nhập URL của nó.

Nó đủ tốt nếu bạn cần thứ gì đó có thể nhanh chóng sử dụng để chỉnh sửa. Tuy nhiên, chức năng “Tải file” đôi khi hiển thị ở cuối màn hình trên một số trình duyệt khi sử dụng tiện ích mở rộng chặn quảng cáo, điều này có thể gây bất tiện.

Nhà phát triển ứng dụng này, Clean CSS (hay còn gọi là Dan’s Tools) cũng có các công cụ khác để chuyển đổi JSON sang các format khác, chẳng hạn như CSV, XML, TSV và thậm chí cả HTML.

Truy cập các file JSON một cách thuận tiện

Chỉnh sửa JSON trong Chrome là một chuyện nhưng cần hiểu một điều khác là file JSON là gì và cách sử dụng file đó. Hãy xem bài viết chi tiết của chúng tôi về các tệp JSON để tìm hiểu thêm! Hoặc, hãy xem hướng dẫn của chúng tôi về cách sử dụng lệnh CAT trên Linux để tìm hiểu cách nối không chỉ các file JSON mà về cơ bản là bất kỳ file nào có văn bản trong đó.