CodePrettify: Định dạng JS, JSON, CSS & RSS

CodePrettify tự động định dạng, phân tích và làm nổi bật các tệp JavaScript, JSON, CSS, XML và RSS/Atom thô ngay khi bạn mở chúng. Dù bạn đang xem phản hồi API đã bị nén, một feed phức tạp hay một tệp cấu hình cục bộ, bạn vẫn có trải nghiệm giống như IDE ngay trong trình duyệt.

🚀 TỰ ĐỘNG HÓA VÀ ĐỊNH DẠNG THÔNG MINH
- Tự động định dạng: Phát hiện mã lộn xộn hoặc bị nén và làm cho nó dễ đọc với kiểu thụt lề bạn chọn
- Phát hiện nén thông minh: Phân tích mật độ mã và tự động định dạng các tệp nén trong khi vẫn giữ nguyên các tệp đã rõ ràng
- Hiển thị thông minh: Trình bày có cấu trúc cho cả mã dày đặc và mã đã được định dạng tốt
- Thu gọn mã: Thu gọn và mở rộng hàm, lớp, đối tượng, mảng và khối XML
- Trình xem JSON: Hiển thị JSON tương tác có thể thu gọn với hành vi tùy chỉnh

📊 HỖ TRỢ DỮ LIỆU CÓ CẤU TRÚC
- Hỗ trợ đầy đủ JSON và XML/RSS/Atom với tô sáng cú pháp và tự động định dạng
- JSON: Đối tượng và mảng có thể thu gọn với điều hướng breadcrumb và công cụ JSON Path
- XML/RSS: Cấu trúc phân cấp với khả năng thu gọn phần tử và giải mã entity
- Liên kết có thể nhấp trong cả JSON và XML
- Chế độ bảng: Mảng JSON và các phần tử XML lặp lại có thể hiển thị dưới dạng bảng

🧭 ĐIỀU HƯỚNG NÂNG CAO VÀ TỆP LỚN
- Trình điều hướng tài liệu: Xem cấu trúc JSON, JavaScript và XML
- Minimap mã: Di chuyển nhanh trong các tệp lớn
- Trạng thái hiển thị được lưu: Khôi phục trạng thái thu gọn, tìm kiếm, dòng được đánh dấu và chế độ hiển thị
- Xem trước thông minh: Hiển thị tóm tắt như Array(5) hoặc {3 keys}

🔍 PHÂN TÍCH MÃ VÀ GỠ LỖI
- Bảng chẩn đoán: Trạng thái cú pháp, cảnh báo và thông tin tệp
- Bảng thống kê:
- Chung: Kích thước tệp, số dòng và ký tự
- JSON: Độ sâu, số lượng khóa, kích thước mảng
- JavaScript: Số lượng hàm và biến
- CSS: Bộ chọn, quy tắc, media queries
- XML/RSS: Thẻ, thuộc tính, namespace
- Xác thực tích hợp:
- JSON: Phát hiện lỗi cú pháp với số dòng chính xác
- JavaScript: Phát hiện lỗi dấu ngoặc và lỗi phổ biến
- CSS/XML: Xác thực cấu trúc
- Phản hồi tức thì: Thông báo lỗi nhẹ, không gây gián đoạn
- Gỡ lỗi thời gian thực: Phân tích và kiểm tra mã ngay khi xem

🔐 KIỂM TRA VÀ GIẢI MÃ DỮ LIỆU
- Giải mã Base64 và JWT: Hiển thị cả giá trị mã hóa và giải mã trong cửa sổ riêng
- Phân tích timestamp: Nhận diện Unix timestamp và ngày ISO
- Công cụ JSON Path: Kiểm tra, sao chép và truy vấn dữ liệu JSON

🔎 TÌM KIẾM VÀ TƯƠNG TÁC
- Tìm kiếm nâng cao (Ctrl+F) với số lượng kết quả
- Tìm kiếm regex với /pattern/flags
- Đi đến dòng (Ctrl+G)
- Liên kết và đường dẫn import có thể nhấp
- So khớp dấu ngoặc {}, (), []

🌐 THÔNG TIN REQUEST VÀ NGỮ CẢNH
- Bảng HTTP: Xem trạng thái, header, encoding và metadata
- Trình tạo cURL và fetch để tái tạo request

🎨 CÔNG CỤ TRỰC QUAN VÀ CSS
- Xem trước màu Hex và RGB
- Bộ chọn màu tích hợp
- Zero-flash loading giúp tránh nhấp nháy nội dung thô

🔒 QUYỀN RIÊNG TƯ VÀ BẢO MẬT
- Xử lý 100% cục bộ: Mọi thứ chạy trực tiếp trong trình duyệt
- Không có yêu cầu bên ngoài: Dữ liệu không bao giờ được gửi đi
- Không sử dụng thư viện bên thứ ba: Không có phụ thuộc bên ngoài
- An toàn cho dữ liệu nhạy cảm: Dùng được với API, token và hệ thống nội bộ

📂 HOẠT ĐỘNG Ở MỌI NƠI
- Hỗ trợ cả phản hồi web và tệp cục bộ (file://)
- Hoạt động với API, tệp cấu hình và tệp tĩnh

⚙️ TÙY CHỈNH
- Giao diện: Sáng, tối, tự động
- Cài đặt: Cỡ chữ, thụt lề, số dòng, xuống dòng, minimap

⌨️ PHÍM TẮT
- Ctrl+B: Chuyển đổi Raw/Pretty
- Ctrl+Alt+C: Sao chép vào clipboard
- Ctrl+F: Tìm kiếm
- Ctrl+G: Đi đến dòng
- Ctrl+Alt+T: Hiện/ẩn thanh công cụ

📝 LƯU Ý CHO TỆP CỤC BỘ
Để sử dụng CodePrettify với tệp cục bộ (file:///), hãy bật "Allow access to file URLs" trong cài đặt tiện ích Chrome

Hỗ trợ 14 ngôn ngữ, bao gồm tiếng Việt, tiếng Anh, tiếng Na Uy, tiếng Đức, tiếng Tây Ban Nha và tiếng Trung.