Làm Đẹp JavaScript

Định dạng (beautify) hoặc nén (minify) code JavaScript với các tùy chọn tùy chỉnh. Hỗ trợ ES6+, JSX, và TypeScript syntax.

📖 Cách sử dụng

1. Chọn chế độ "Beautify" (làm đẹp) hoặc "Minify" (nén code).

2. Dán code JavaScript vào ô trên.

3. Tùy chỉnh các tùy chọn định dạng nếu cần.

4. Nhấn "Xử lý" hoặc Ctrl+Enter để xem kết quả.

5. Nhấn "Sao chép" để copy code đã được định dạng.

6. Nhấn "Tải xuống" để lưu file .js.

💡 Khi nào dùng Beautify vs Minify?

Beautify: Khi cần đọc/debug code, code review, làm đẹp code từ nguồn minified.

Minify: Khi deploy production, giảm file size để tăng tốc load trang.

Lưu ý: Minify không obfuscate (mã hóa) code, chỉ nén lại. Tên biến vẫn đọc được.

Hỗ trợ: ES6+ (arrow functions, template literals, async/await), JSX basic syntax.

Cách thức hoạt động

Beautify Mode: Thêm indentation, line breaks, spaces để code dễ đọc hơn. Sử dụng thuật toán phân tích cú pháp JavaScript để xác định vị trí thêm xuống dòng và indent phù hợp.

Minify Mode: Xóa comments, whitespace, newlines không cần thiết. Rút gọn một số cú pháp (như true/false → !0/!1) để giảm kích thước file tối đa.

Indent Options: 2 spaces (Google style), 4 spaces (Standard), hoặc Tab.

Brace Style: Collapse (K&R style) - dấu { cùng dòng với function/if.

Preserve Newlines: Giữ nguyên dòng trống giữa các hàm (dễ đọc hơn).

Comment Removal: Xóa // single-line và /* multi-line */ comments khi minify.

Boolean Shortening: true → !0, false → !1 (tiết kiệm 2-3 bytes mỗi boolean).

Whitespace Removal: Xóa spaces, tabs, newlines không cần thiết.

Ví dụ Beautify

• Input: function hello(){console.log('Hi');}
→ Output:
function hello() {
  console.log('Hi');
}
Ví dụ Minify:
• Input: function hello() {
// Say hello
console.log('Hi');
}

→ Output: function hello(){console.log('Hi');}

Tiện ích liên quan

Chiều Cao và Cân Nặng Chuẩn WHO Cho Trẻ

Chiều Cao và Cân Nặng Chuẩn WHO Cho Trẻ

Tính toán chiều cao và cân nặng chuẩn theo Tổ chức Y tế Thế giới (WHO) cho trẻ từ 0-60 tháng tuổi, kèm đánh giá tình trạng dinh dưỡng.
Tạo Schema Markup (JSON-LD)

Tạo Schema Markup (JSON-LD)

Tạo mã Schema Markup (Structured Data) theo chuẩn Schema.org dạng JSON-LD cho website, giúp Google hiểu nội dung và hiển thị Rich Snippets.
Giải mã JWT (JWT Decoder)

Giải mã JWT (JWT Decoder)

Giải mã và kiểm tra JWT (header + payload) trực tiếp trên trình duyệt. Không gửi dữ liệu ra bên ngoài.

AI Tool

Nhân Bản Hóa Văn Bản AI

Nhân Bản Hóa Văn Bản AI

Chuyển đổi văn bản AI (ChatGPT, Claude, Gemini) thành văn bản tự nhiên hơn bằng cách loại bỏ các cụm từ AI, thay đổi độ dài câu, và thêm phong
Tạo Security Headers

Tạo Security Headers

Tạo HTTP security headers để bảo vệ website khỏi XSS, clickjacking, code injection và các tấn công phổ biến. Hỗ trợ CSP, HSTS, X-Frame-Options và 10+ headers khác.
Trích Xuất Số Điện Thoại

Trích Xuất Số Điện Thoại

Tìm và trích xuất số điện thoại Việt Nam từ văn bản, chuẩn hóa định dạng, phân loại di động/cố định, và loại bỏ trùng lặp.