CSS Beautifier

Giới thiệu công cụ này

Nhìn này, chúng ta hãy thẳng thắn—CSS có thể trở nên rối tung lên. Rất nhanh. Một giây bạn đang viết các định dạng sạch sẽ, giây tiếp theo bạn lại thấy mã đã được nén, ngắt dòng ngẫu nhiên và thụt lề như thể một đứa trẻ đã chơi với bàn phím. Đó là lúc công cụ làm đẹp CSS phát huy tác dụng. Đó không phải là phép thuật, nhưng gần như vậy. Bạn chỉ cần dán CSS rối, nén hoặc đơn giản là xấu xí của bạn vào, và nó sẽ xuất ra một đoạn mã dễ đọc. Không hoa mỹ. Không cam kết quá đà. Chỉ đơn giản là mã sạch, có tổ chức và không khiến bạn muốn khóc. Tôi đã sử dụng hàng chục công cụ như thế này trong nhiều năm qua. Hầu hết đều ổn. Một số thì tệ. Các công cụ tốt? Chúng không chỉ định dạng lại—chúng tôn trọng cấu trúc của bạn, giữ nguyên các chú thích và không sắp xếp lại các quy tắc mà không có lý do. Công cụ này? Nó là một trong những công cụ tốt hơn. Đơn giản. Nhanh chóng. Làm đúng những gì nó hứa.

Tính năng nổi bật

• Định dạng lại CSS đã nén thành mã dễ đọc, thụt lề đúng chuẩn
• Giữ nguyên các chú thích—bởi vì đúng là, đôi khi chúng rất quan trọng
• Cho phép bạn tùy chỉnh thụt lề (dùng khoảng trắng hay tab, tùy bạn chọn)
• Xử lý các quy tắc lồng nhau và media query mà không làm hỏng chúng
• Hoạt động ngoại tuyến nếu bạn tải phiên bản mã nguồn mở
• Không có quảng cáo, không theo dõi, không có cửa sổ bật lên yêu cầu "nâng cấp cao cấp"
• Hỗ trợ CSS hiện đại như thuộc tính tùy chỉnh và cú pháp grid

Nó không cố gắng viết lại mã của bạn hay "tối ưu hóa" mà bạn không biết. Nó chỉ làm cho mã trông đẹp hơn. Hãy nghĩ về nó như một công cụ định dạng mã có phong cách—đúng nghĩa đen.

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

Công cụ này có làm hỏng CSS của tôi không?
Không. Nó chỉ định dạng lại—không thay đổi logic, xóa quy tắc hay làm rối các bộ chọn. Nếu CSS của bạn hoạt động trước đó, thì nó sẽ vẫn hoạt động sau khi dùng công cụ. Tôi đã kiểm tra nó trên mã kế thừa rối rắm và các khung hiện đại. Chưa bao giờ gặp sự cố.

Tôi có thể dùng nó cho các tệp lớn không?
Có, nhưng có giới hạn. Tệp dưới 50KB? Không vấn đề gì. Trên mức đó, trình duyệt của bạn có thể bị đơ một chút. Đối với các tệp rất lớn, tôi khuyên bạn nên dùng script cục bộ hoặc plugin trình soạn thảo. Nhưng đối với hầu hết các dự án? Công cụ này xử lý rất tốt.