Công cụ rút gọn mã nguồn
Rút gọn JavaScript (Terser), CSS (CSSO), HTML, JSON hoặc XML trong một công cụ: chọn ngôn ngữ, dán mã và xem số byte tiết kiệm. Miễn phí, chạy trong trình duyệt.
Chạy hoàn toàn trong trình duyệt. Dữ liệu của bạn không bao giờ bị tải lên.
Công cụ Liên quan
Xem Tất cảRút gọn mã nguồn là gì?
Công cụ rút gọn mã nguồn là một nơi để rút gọn nhiều ngôn ngữ. Chọn JavaScript, CSS, HTML, JSON hoặc XML và công cụ sẽ áp dụng bộ rút gọn phù hợp, hiển thị kích thước gốc và sau khi rút gọn.
Cách sử dụng Rút gọn mã nguồn
- Chọn Ngôn ngữ.
- Dán mã vào ô nhập.
- Bấm Rút gọn (kết quả cũng cập nhật khi bạn gõ).
- Sao chép hoặc tải xuống mã đã rút gọn.
Ví dụ
a { color : red ; } a{color:red} Ngôn ngữ: CSS.
Khi nào nên dùng Rút gọn mã nguồn
Dùng để rút gọn nhanh một lần và so sánh kích thước. Với ứng dụng production, hãy rút gọn trong quy trình build kèm source map. Các trang công cụ rút gọn riêng giải thích chi tiết hơn về từng engine.
Rút gọn mã nguồn hoạt động như thế nào
Mỗi ngôn ngữ dùng một engine riêng: JavaScript – Terser với nén và đổi tên biến cục bộ; CSS – rút gọn theo cấu trúc bằng CSSO sau khi kiểm tra ngoặc nhọn/chuỗi; HTML – bộ rút gọn an toàn xóa chú thích và gộp khoảng trắng nhưng giữ nguyên pre, textarea, script và style; JSON – phân tích chặt chẽ và in gọn, giữ nguyên số; XML – kiểm tra tính đúng cấu trúc, rồi xóa khoảng trắng giữa các thẻ và chú thích.
Các Trường Hợp Sử Dụng Phổ Biến
- Rút gọn một đoạn mã trước khi nhúng nội tuyến vào trang
- So sánh kích thước giữa các phiên bản mã
- Nén gọn payload JSON hoặc XML
- Xóa chú thích trước khi chia sẻ mã
Lưu Ý Bảo Mật
Mọi thứ chạy cục bộ trong trình duyệt của bạn; đoạn mã bạn dán vào không được tải lên đâu cả.
Câu Hỏi Thường Gặp
Ngôn ngữ nào được chọn mặc định?
JavaScript. Bạn có thể đổi bằng ô chọn Ngôn ngữ.
Công cụ có tạo source map không?
Không.
Có rút gọn được TypeScript không?
Không, hãy biên dịch TypeScript sang JavaScript trước.