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

Nén Ảnh / Tối Ưu Hình Ảnh

Nén Ảnh / Tối Ưu Hình Ảnh

Nén và tối ưu hóa hình ảnh (JPG, PNG, WebP) ngay trên trình duyệt. Giảm dung lượng file, chuyển đổi định dạng, resize ảnh để tăng tốc website và cải
Tính Điểm IELTS

Tính Điểm IELTS

Tính điểm IELTS tổng (Overall Band Score) từ 4 kỹ năng Listening, Reading, Writing, Speaking. Hỗ trợ chuyển đổi điểm sang PTE Academic, PTE Core, TOEFL và Duolingo.
Mô phỏng Spider Công cụ Tìm kiếm

Mô phỏng Spider Công cụ Tìm kiếm

Mô phỏng cách Googlebot nhìn thấy website của bạn. Kiểm tra nội dung, liên kết và meta tags để tối ưu hóa SEO.
Làm sạch nội dung AI

Làm Sạch Nội Dung AI

Làm sạch và format nội dung từ ChatGPT, Claude - trích xuất code blocks, xóa artifacts, chuyển đổi markdown
Tìm Và Thay Thế

Tìm Và Thay Thế

Tìm và thay thế văn bản với các tùy chọn phân biệt hoa thường, từ nguyên vẹn, hoặc regex nâng cao.
AI Prompt Generator

AI Prompt Generator

Tạo prompt chuyên nghiệp cho ChatGPT, Claude và các AI model khác với templates và best practices