tool hub ชุดเครื่องมือ

JS/CSS Minifier

JS/CSS Minifier — ทำงานในเบราว์เซอร์ ไม่บันทึกข้อมูล

ทำงานในเบราว์เซอร์ ไม่ต้องสมัคร ใช้ฟรี


ย่อ JS / CSS เบื้องต้น

โหมด

กรอกค่า แล้วกดคำนวณ

ต้นฉบับ0
หลังย่อ0

แค่ลบความเห็นและช่องว่าง ไม่ทดแทนการทำให้โค้ดอ่านยากขั้นสูงหรือ bundler

วิธีใช้

  1. ใน โหมด เลือก JavaScript หรือ CSS ค่าเริ่มต้นคือ JavaScript
  2. วางโค้ดที่จะย่อใน ซอร์ส
  3. กด ย่อ โค้ดที่คอมเมนต์และช่องว่างถูกลดปรากฏใน ผลลัพธ์
  4. ในสถิติด้านบน เทียบจำนวนอักขระ ต้นฉบับ และ ที่ย่อ
  5. คัดลอกผลลัพธ์ เอาไป รีเซ็ต รีเซ็ตซอร์ส ผลลัพธ์ และตัวเลข แล้วคืนโหมดเป็น JavaScript

แนวคิดหลัก

การย่อ JS/CSS เป็นตัวย่อเบาที่ตัดคอมเมนต์และช่องว่างเพื่อลดขนาดเล็กน้อยก่อนดีพลอย โหมด JavaScript ลบคอมเมนต์บล็อกและบรรทัดแล้วติดช่องว่างรอบวงเล็บปีกกาและตัวดำเนินการ โหมดสไตล์ชีตลบคอมเมนต์บล็อกแล้วติดช่องว่างระหว่างตัวเลือกกับวงเล็บปีกกา ไม่ทำให้ชื่อคลุมเครือ ไม่ทำ tree-shake และไม่วิเคราะห์สโคป จึงไม่ทดแทนบันเดิลเลอร์หรือ Terser เหมาะกับการกะไบต์บนชิ้นส่วนเล็ก

ตัวเลขต้นฉบับและที่ย่อคือความยาวสตริงอินพุต/เอาต์พุต เครื่องหมายทับในลิเทอรัล regex หรือแพตเทิร์นคล้ายคอมเมนต์ในสตริงอาจถูกอ่านผิด ซอร์สซับซ้อนจึงปลอดภัยกว่าถ้ามินิไฟในไพป์ไลน์บิลด์ การย่อ JS/CSS ไม่อัปโหลดไฟล์ แทนที่ในเบราว์เซอร์เท่านั้น ไม่ใช่เครื่องมือคุณภาพบันเดิลโปรดักชัน แต่เป็นตัวช่วยย่อฉบับร่างที่มีคอมเมนต์มากแล้วเทียบ หากผลที่ย่อดูพัง ให้ตรวจโหมด และเก็บการตั้งค่าบันเดิลที่มีสำหรับสำเนาดีพลอยสุดท้าย เมื่อกะส่วนต่างขนาดบนฟังก์ชันสั้นหรือบล็อกกฎหนึ่งบล็อกแล้ว ให้คัดลอก

ตัวอย่าง

ในโหมด JavaScript วาง function hello() { /* greet */ console.log("hi"); } แล้วย่อ: คอมเมนต์และช่องว่างหายแล้วติดเข้าหาหนึ่งบรรทัด จำนวนอักขระต้นฉบับและที่ย่ออัปเดตในสถิติ

ที่เกี่ยวข้อง: ตัวจัดรูปแบบ JS/CSS · ตัวจัดรูปแบบ HTML · ตัวจัดรูปแบบ JSON

คำถามที่พบบ่อย

การย่อ JS/CSS เหมือนบันเดิลเลอร์หรือ Terser ไหม

ไม่ ตัดคอมเมนต์และช่องว่างด้วย regex เท่านั้น ไม่ย่อชื่อตัวแปรและไม่ลบโค้ดตาย

ทำไมแยกโหมด JavaScript และ CSS ตอนย่อ JS/CSS

JavaScript จัดการคอมเมนต์บรรทัดและช่องว่างตัวดำเนินการ สไตล์ชีตจัดการช่องว่างตัวเลือก/วงเล็บปีกกาและเซมิโคลอนเกินต่างกัน

ตัวเลขต้นฉบับและที่ย่อหลังย่อ JS/CSS คืออะไร

จำนวนอักขระของซอร์สอินพุตและผลลัพธ์เอาต์พุต แสดงการหดเป็นความยาวสตริง ไม่ใช่กิโลไบต์

สัญลักษณ์คล้ายคอมเมนต์ในสตริงทำให้การย่อ JS/CSS พังได้ไหม

ได้ การแทนที่อย่างง่ายอาจเข้าใจ // ใน regex หรือสตริงเป็นคอมเมนต์ สำหรับซอร์สสำคัญให้ใช้ตัวย่อเฉพาะ

ซอร์สของการย่อ JS/CSS ถูกอัปโหลดไปเซิร์ฟเวอร์ไหม

ไม่ การย่อ คัดลอก และรีเซ็ตจบในเบราว์เซอร์ ไม่มีการอัปโหลดไฟล์

รีเซ็ตการย่อ JS/CSS เปลี่ยนโหมดด้วยไหม

ใช่ ตั้งซอร์ส ผลลัพธ์ และตัวเลขต้นฉบับ/ที่ย่อกลับเป็น 0 แล้วคืนโหมดเป็น JavaScript

JS/CSS Minifier ภาพปก
ข้อมูลไม่ถูกส่งไปยังเซิร์ฟเวอร์ และจะหายเมื่อปิดหน้า

ตรวจทานล่าสุด: 2026-09-04