Đến phần nội dung
Toova
Tất cả công cụ

Bộ rút gọn và làm đẹp HTML

Riêng tư theo thiết kế — chạy hoàn toàn trong trình duyệt của bạn

Rút gọn hoặc làm đẹp HTML trong trình duyệt của bạn. Toova loại bỏ khoảng trắng, chú thích, và dấu nháy tùy chọn để thu nhỏ HTML cho sản xuất, hoặc in đẹp đánh dấu đã rút gọn thành thứ bạn thực sự có thể đọc.

Việc rút gọn HTML loại bỏ những gì

Khoảng trắng giữa các thẻ, dấu nháy không cần thiết quanh giá trị thuộc tính, thẻ đóng dư thừa, chú thích, và thuộc tính trống tất cả cộng lại. Chế độ rút gọn cắt tỉa mọi thứ an toàn — đầu ra render giống hệt trong mọi trình duyệt hiện đại. Cho các trang rất lớn hoặc HTML tĩnh được phục vụ từ CDN, việc tiết kiệm trên thời gian byte đầu tiên có thể đo được, đặc biệt trước khi nén bắt đầu.

Chế độ làm đẹp

Khi bạn cần kiểm toán HTML được tạo bởi máy, gỡ lỗi trang được render trên máy chủ, hoặc đọc đầu ra của trình tạo trang tĩnh, chế độ làm đẹp là cái bạn cần. Toova lấy HTML phẳng một dòng và mở rộng nó thành cây thụt lề đúng với ranh giới khối rõ ràng. Mức thụt lề có thể cấu hình — 2 khoảng trắng, 4 khoảng trắng, hoặc tab — tùy sở thích đọc của bạn.

Chỉ trong trình duyệt

Mọi xử lý chạy trong trình duyệt của bạn. HTML bạn dán — ngay cả mẫu độc quyền hoặc đánh dấu nhạy cảm — không bao giờ rời trang. Điều đó khiến công cụ an toàn cho việc làm việc với thiết kế nội bộ, mẫu email cụ thể của khách hàng, hoặc bất cứ thứ gì thuộc thỏa thuận bảo mật. Trang hoạt động ngoại tuyến sau lần tải đầu tiên.

Câu hỏi thường gặp

HTML đã rút gọn nhỏ hơn bao nhiêu?
Thường nhỏ hơn 5-15% trước gzip, nhiều hơn trên các trang có nhiều khoảng trắng và chú thích. Sau gzip, việc tiết kiệm giảm xuống vài phần trăm — nhưng mỗi byte đếm trên lần vẽ đầu tiên của một trang.
Việc rút gọn có phá vỡ trang của tôi không?
Không, miễn là đầu vào là HTML hợp lệ. Trình rút gọn giữ nguyên cấu trúc DOM chính xác. Khoảng trắng giữa các phần tử nội tuyến đôi khi có ý nghĩa, nên công cụ giữ nó ở nơi có thể ảnh hưởng đến render.
Nó có loại bỏ chú thích không?
Theo mặc định, có. Bạn có thể giữ chú thích điều kiện (các khối cũ chỉ dành cho IE) và tiêu đề giấy phép qua công tắc giữ chú thích. Chú thích thường được loại bỏ để tiết kiệm byte.
Tôi có thể làm đẹp một dòng HTML duy nhất không?
Có. Trình làm đẹp phân tích cú pháp bất kỳ HTML phẳng nào và thụt lề nó theo cây DOM. Điều đó làm nó dễ đọc ngay cả khi đầu vào là đầu ra đã rút gọn từ pipeline xây dựng.
HTML của tôi có được gửi đi đâu không?
Không. Việc xử lý chạy hoàn toàn trong trình duyệt của bạn. Không có gì được tải lên hoặc ghi nhật ký.