JS/CSS Minifier
JS/CSS Minifier — ทำงานในเบราว์เซอร์ ไม่บันทึกข้อมูล
ย่อ JS / CSS เบื้องต้น
กรอกค่า แล้วกดคำนวณ
แค่ลบความเห็นและช่องว่าง ไม่ทดแทนการทำให้โค้ดอ่านยากขั้นสูงหรือ bundler
วิธีใช้
- ใน โหมด เลือก JavaScript หรือ CSS ค่าเริ่มต้นคือ JavaScript
- วางโค้ดที่จะย่อใน ซอร์ส
- กด ย่อ โค้ดที่คอมเมนต์และช่องว่างถูกลดปรากฏใน ผลลัพธ์
- ในสถิติด้านบน เทียบจำนวนอักขระ ต้นฉบับ และ ที่ย่อ
- คัดลอกผลลัพธ์ เอาไป รีเซ็ต รีเซ็ตซอร์ส ผลลัพธ์ และตัวเลข แล้วคืนโหมดเป็น 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
ตรวจทานล่าสุด: 2026-09-04