Công cụ làm đẹp HTML, CSS & JavaScript miễn phí

Dán HTML, CSS hoặc JavaScript chật hẹp và nhận được thụt lề có thể đọc được ngay lập tức. Được hỗ trợ bởi js-beautify trong trình duyệt của bạn — tách biệt với công cụ khai thác HTML, vốn tập trung vào việc thu nhỏ các đoạn mã để sản xuất.

Loading…

Cách sử dụng công cụ này

  1. 1

    Trình làm đẹp mã mở

    Định dạng HTML, CSS hoặc JavaScript để đọc hoặc đánh giá.

  2. 2

    Chọn ngôn ngữ và thụt lề

    Chọn HTML, CSS hoặc JavaScript và các tab 2 dấu cách, 4 dấu cách hoặc.

  3. 3

    Sao chép mã được định dạng

    Sao chép đầu ra vào dự án hoặc tài liệu của bạn.

Thông tin nhanh

Chạy cục bộ?Có - js-beautify chỉ chạy trong tab này.
Có gì được tải lên không?Không. Đoạn trích của bạn vẫn còn trên thiết bị của bạn.
Công cụ khai thác HTML so với công cụ này?Sử dụng công cụ khai thác HTML để thu nhỏ; sử dụng trình làm đẹp mã cho định dạng HTML, CSS và JS.
TypeScript hay JSX?Chế độ JavaScript xử lý nhiều đoạn mã JSX; TS nghiêm ngặt có thể cần một bộ định dạng chuyên dụng.

Các trường hợp sử dụng phổ biến

  1. Làm đẹp HTML, CSS và JavaScript trong trình duyệt — thụt lề 2/4/tab, sao chép đầu ra, không tải lên.
  2. Chạy cục bộ?: Có - js-beautify chỉ chạy trong tab này.
  3. Có gì được tải lên không?: Không. Đoạn trích của bạn vẫn còn trên thiết bị của bạn.
  4. Công cụ khai thác HTML so với công cụ này?: Sử dụng công cụ khai thác HTML để thu nhỏ; sử dụng trình làm đẹp mã cho định dạng HTML, CSS và JS.
  5. TypeScript hay JSX?: Chế độ JavaScript xử lý nhiều đoạn mã JSX; TS nghiêm ngặt có thể cần một bộ định dạng chuyên dụng.

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

Nó có xác nhận cú pháp không?

Nó định dạng đầu vào dung sai; mã bị hỏng có thể trông vẫn kỳ quặc — trước tiên hãy sửa lỗi trong trình chỉnh sửa của bạn.

Tôi có thể giảm thiểu ở đây không?

Không - sử dụng công cụ rút gọn HTML để nén HTML.

CSS nhúng trong HTML?

Chế độ HTML định dạng toàn bộ tài liệu; sao chép các quy tắc kiểu được nhúng vào chế độ CSS để kiểm soát tốt hơn.

Định dạng có thay đổi hành vi không?

Chỉ thay đổi khoảng trắng đối với mã hợp lệ; luôn xem xét trước khi vận chuyển.

Tập tin lớn?

Đầu vào rất lớn có thể làm chậm tab — chia nhỏ tệp nếu cần.

Ngoại tuyến?

Sau khi tải trang, định dạng sẽ hoạt động mà không cần mạng.