Biên dịch LESS sang CSS trực tuyến miễn phí
Biên dịch mã nguồn LESS thành CSS bằng công cụ chạy trong trình duyệt này, vận hành bởi less.js. Công cụ hỗ trợ biến, lồng nhau, mixin và các hàm màu darken, lighten, mix. Dán mã hoặc thả file .less, chọn chế độ math và xem lại stylesheet tạo ra. Nội suy JavaScript bị tắt để an toàn; quá trình xử lý ở lại trên thiết bị của bạn, không tải lên.
Trình biên dịch LESS sang CSS là trình biên dịch LESS sang CSS chạy trong trình duyệt, vận hành bởi less.js. Công cụ biến mã nguồn LESS thành kết quả CSS, vì vậy bạn có thể chuyển đổi stylesheet bằng cách dán nội dung hoặc thả file .less. Công cụ chạy phía client và không tải mã nguồn của bạn lên.
Trình biên dịch hỗ trợ biến LESS, lồng nhau, mixin và các hàm màu darken, lighten, mix. Các cấu trúc LESS này được giải quyết thành CSS đã biên dịch mà bạn có thể xem lại và sao chép. Bạn có thể chọn chế độ math, còn nội suy JavaScript bị tắt để an toàn.
LESS mở rộng CSS bằng các tính năng giúp tổ chức và tái dùng mã stylesheet, còn CSS là định dạng stylesheet mà trình duyệt dùng. Biên dịch LESS sang CSS cho bạn stylesheet thu được để dùng hoặc xem xét, mà không cần toolchain cục bộ cho phép chuyển đổi nhanh. Chế độ math khả dụng cho bạn chọn cách xử lý biểu thức math trong quá trình biên dịch.
Phép chuyển đổi chạy hoàn toàn trong trình duyệt của bạn: đầu vào được xử lý trên thiết bị, không tải lên hay gửi đến máy chủ. Sau khi trang đã tải, công cụ có thể tiếp tục hoạt động ngoại tuyến. Công cụ hữu ích cho nhà phát triển và kỹ sư DevOps muốn chuyển đổi file .less, kiểm tra kết quả trước khi build hoặc xem CSS đã biên dịch.
Bước 1: Dán mã nguồn LESS vào ô nhập liệu, hoặc thả file .less vào công cụ.
Bước 2: Chọn chế độ math trước khi biên dịch. Nội suy JavaScript bị tắt để an toàn.
Bước 3: Xem lại kết quả CSS đã biên dịch, gồm kết quả của các tính năng LESS được hỗ trợ như biến, lồng nhau và mixin.
Bước 4: Sao chép CSS để dùng trong dự án hoặc xem mã nguồn LESS biên dịch ra sao.
Trường hợp sử dụng: Chuyển đổi file nguồn LESS sang CSS mà không cần cài toolchain cục bộ, hữu ích cho kiểm tra nhanh hoặc chuyển đổi một lần.
Trường hợp sử dụng: Kiểm tra mã nguồn LESS có biên dịch được không trước khi đến bước build, giúp bạn phát hiện vấn đề sớm hơn.
Trường hợp sử dụng: Xem CSS tạo ra để hiểu kết quả của biến, quy tắc lồng nhau và mixin trong mã nguồn.
Trường hợp sử dụng: Xem trước cách các hàm màu darken, lighten và mix xuất hiện trong stylesheet đã biên dịch.
Trường hợp sử dụng: So sánh kết quả biên dịch sau khi chọn chế độ math khác để xem kết quả nào phù hợp nhu cầu.
Trường hợp sử dụng: Chuyển đổi đoạn LESS đã dán hoặc file .less được thả trong khi giữ quá trình xử lý trên thiết bị của bạn.