Định dạng JS

Định dạng JS

In đẹp hoặc nén JavaScript trên trình duyệt.

Miễn phí
Không đăng ký
Tức thì
Riêng tư
Nhập
0 từ • 0 ký tự • 0 không khoảng trắng • 0 dòng
Chế độ
Chuyển sang
Đầu ra
0 từ • 0 ký tự • 0 không khoảng trắng • 0 dòng

Riêng tư theo thiết kế

Việc chuyển đổi chạy hoàn toàn trên trình duyệt. Văn bản của bạn không được gửi lên máy chủ.

Mẹo

Định dạng in đẹp. Nén gộp khoảng trắng. Đây là trợ giúp đọc và gửi đoạn mã, không phải toolchain ngôn ngữ đầy đủ.

Cách chuyển với Định dạng JS

  1. Dán HTML, CSS hoặc JavaScript vào khung input.

  2. Kết quả định dạng cập nhật khi bạn gõ — không tải dữ liệu lên.

  3. Chọn Định dạng hoặc Nén, hoặc Chuyển sang để mở bộ định dạng khác.

  4. Sao chép kết quả. Đây là in đẹp cục bộ, không phải trình biên dịch.

Khi nào nên dùng?

  • HTML

    Thụt thẻ để đoạn dán dễ đọc hơn.

  • CSS

    In đẹp rule, hoặc nén trước khi nhúng đoạn mã.

  • JavaScript

    Thêm xuống dòng quanh ngoặc và chấm phẩy để đọc nhanh.

  • Ở lại đây

    Mã không rời tab này.

Mã của bạn được giữ riêng tư.

Định dạng chạy hoàn toàn trên trình duyệt. Đoạn mã không rời tab này.

Tìm hiểu thêm về quyền riêng tư →

Về định dạng HTML, CSS và JavaScript trên trình duyệt

Bộ định dạng HTML, CSS và JS in đẹp hoặc nén đoạn mã khi bạn gõ. Đây là trợ giúp cục bộ để đọc và gửi copy-paste, không phải trình biên dịch, không phải ESLint, không phải PostCSS, không phải trình duyệt. Định dạng và nén là lựa chọn khoảng trắng. Chuyển sang nhảy giữa HTML, CSS và JS với khóa persist riêng.

Ví dụ: một dòng <div><span>x</span></div> thành thẻ thụt lề. Khối rule CSS đã nén bung thành từng thuộc tính. Cú pháp hỏng nặng vẫn có thể trông lạ sau khi định dạng — mục tiêu là dễ đọc, không bảo đảm khứ hồi AST.

Liên quan: Mã hóa HTML cho thực thể, Định dạng JSON cho dữ liệu, Markdown → HTML cho ghi chú. Không tải dữ liệu lên. Đừng coi định dạng là làm sạch XSS.

Công cụ mã liên quan

Ví dụ Định dạng JS

Định dạng

Input
function x(){return 1;}
Output
function x() { return 1; }

Định dạng và nén

Chế độVí dụDùng khi
Định dạnga {Dễ đọc, review và diff
Néna{color:red;}Đoạn mã nhỏ hơn để gửi hoặc nhúng

Hỏi đáp Định dạng JS

Không. Nó thêm xuống dòng quanh ngoặc và chấm phẩy để đọc nhanh, hoặc nén khoảng trắng. Không phải ESLint, không phải bundler, không phải Node. Lỗi cú pháp vẫn có thể in đẹp kém.

Coi đây là trợ giúp đoạn JS. JSON → TypeScript là anh em khi input là JSON, không phải mã nguồn. Giữ bí mật production khỏi máy dùng chung.

Không. Định dạng ở lại trình duyệt. Chuyển sang mở định dạng HTML hoặc CSS.