ตัวย่อและตกแต่ง CSS
ออกแบบเพื่อความเป็นส่วนตัว — ทำงานในเบราว์เซอร์ของคุณทั้งหมด
ย่อหรือจัดแต่ง CSS ในเบราว์เซอร์ของคุณ Toova ตัดช่องว่างและความคิดเห็นเพื่อย่อ stylesheets ของคุณสำหรับ production หรือพิมพ์ CSS ที่ย่อแล้วเป็นบางสิ่งที่คุณสามารถอ่านได้จริงขณะดีบัก
สองโหมด หนึ่ง workflow
โหมดย่อลบทุกความคิดเห็น ทุกช่องว่างที่ซ้ำซ้อน และทุก newline ที่ไม่จำเป็น เอาต์พุตเป็น CSS ที่ทำงานได้เหมือนเดิมแต่ปกติเล็กกว่า 20-40% ซึ่งเร่ง first paint และลดขนาดการถ่ายโอน โหมดจัดแต่งไปอีกทาง — รับ CSS ที่ย่อจาก CDN, bundle ของ framework หรือ widget ของบุคคลที่สาม และขยายเป็นรูปแบบที่อ่านได้เพื่อให้คุณตรวจสอบ selectors และคุณสมบัติ
การจัดรูปแบบที่กำหนดค่าได้
เลือกการเยื้องระยะ 2 ช่อง 4 ช่อง หรือแท็บสำหรับเอาต์พุตที่จัดแต่ง เลือกว่าจะรักษาความคิดเห็น (เป็นประโยชน์สำหรับ banners ส่วนหัวและสตริงใบอนุญาต) หรือตัดออกทั้งหมด ตัวย่อรักษา CSS variables และ selectors ตรงตามคำต่อคำ ดังนั้นชื่อ custom property และ keyframes ของ animation รอดจากการไป-กลับ Vendor prefixes ถูกเก็บไว้ไม่แตะ
เฉพาะในเครื่อง
การย่อและจัดแต่งทุกครั้งทำงานในเบราว์เซอร์ของคุณ CSS ที่คุณวาง — ไม่ว่าจะเป็น stylesheets ที่เป็นกรรมสิทธิ์จากระบบออกแบบของคุณหรือโค้ดของบุคคลที่สามที่คุณกำลังตรวจสอบ — ไม่เคยออกจากหน้า แท็บเครือข่ายจะว่างระหว่างการประมวลผล และหน้าทำงานออฟไลน์หลังจากโหลดครั้งแรก
คำถามที่พบบ่อย
- CSS ที่ย่อเล็กลงเท่าใด
- ปกติเล็กกว่าต้นฉบับ 20-40% หลัง gzip การประหยัดมาจากการตัดความคิดเห็น ช่องว่าง และค่าศูนย์ที่ซ้ำซ้อน Build pipelines สมัยใหม่ทำสิ่งนี้โดยอัตโนมัติ แต่การมีเครื่องมือด้วยมือเป็นประโยชน์สำหรับ snippets ครั้งเดียว
- การย่อทำให้ CSS ของฉันเสียหรือไม่
- ไม่ ตัวย่อรักษาทุก rule, property และ value ตรงตามคำต่อคำ มันลบเฉพาะช่องว่างและความคิดเห็น CSS variables, animations และ vendor prefixes รอดไม่แตะ
- จัดแต่ง CSS จาก CDN ได้ไหม
- ใช่ วาง CSS ที่ย่อและ Toova ขยายเป็นรูปแบบที่อ่านได้ด้วยการเยื้องระยะที่สอดคล้องกัน เป็นประโยชน์สำหรับการตรวจสอบสิ่งที่ widget ของบุคคลที่สามทำจริง หรือดีบักเอาต์พุตที่คอมไพล์ของ framework
- ความคิดเห็นถูกรักษาหรือไม่
- เป็นสวิตช์ โดยค่าเริ่มต้น การย่อตัดความคิดเห็นเพื่อเพิ่มการประหยัดให้สูงสุด คุณสามารถเก็บส่วนหัวใบอนุญาตและความคิดเห็นสำคัญอื่นๆ โดยเปิดใช้งานตัวเลือก preserve-comments
- CSS ของฉันถูกส่งไปที่ใดหรือไม่
- ไม่ การประมวลผลทำงานในเบราว์เซอร์ของคุณทั้งหมด ไม่มีการอัปโหลดหรือบันทึก