ตัวคอมไพเลอร์ LESS เป็น CSS – คอมไพเลอร์ LESS ออนไลน์ฟรี
คอมไพเลอร์ซอร์ส LESS เป็น CSS ด้วยเครื่องมือบนเบราว์เซอร์นี้ที่ขับเคลื่อนด้วย less.js รองรับตัวแปร การซ้อน มิกซ์อิน และฟังก์ชันสี darken, lighten และ mix วางโค้ดหรือวางไฟล์ .less เลือกโหมดคณิตศาสตร์ และตรวจสอบสไตล์ชีตที่สร้าง การแทรก JavaScript ถูกปิดเพื่อความปลอดภัย การประมวลผลอยู่บนอุปกรณ์ของคุณ ไม่มีการอัปโหลด
ตัวคอมไพเลอร์ LESS เป็น CSS เป็นตัวคอมไพเลอร์ LESS เป็น CSS บนเบราว์เซอร์ที่ขับเคลื่อนด้วย less.js มันเปลี่ยนซอร์ส LESS เป็นผลลัพธ์ CSS คุณจึงแปลงสไตล์ชีตโดยวางเนื้อหาหรือวางไฟล์ .less เครื่องมือทำงานฝั่งไคลเอนต์และไม่อัปโหลดซอร์สของคุณ
ตัวคอมไพเลอร์รองรับตัวแปร LESS การซ้อน มิกซ์อิน และฟังก์ชันสี darken, lighten และ mix โครงสร้าง LESS เหล่านี้ถูกแก้เป็น CSS ที่คอมไพเลอร์แล้ว ซึ่งคุณตรวจสอบและคัดลอกได้ คุณสามารถเลือกโหมดคณิตศาสตร์ ส่วนการแทรก JavaScript ถูกปิดเพื่อความปลอดภัย
LESS ขยาย CSS ด้วยฟีเจอร์ที่ช่วยจัดระเบียบและใช้โค้ดสไตล์ชีตซ้ำ ส่วน CSS เป็นรูปแบบสไตล์ชีตที่เบราว์เซอร์ใช้ การคอมไพเลอร์ LESS เป็น CSS ให้สไตล์ชีตที่ได้เพื่อใช้หรือตรวจสอบ โดยไม่ต้องใช้ทูลเชนในเครื่องสำหรับการแปลงอย่างรวดเร็ว โหมดคณิตศาสตร์ที่มีให้คุณเลือกวิธีจัดการนิพจน์คณิตศาสตร์ระหว่างการคอมไพเลอร์
การแปลงทำงานในเบราว์เซอร์ของคุณทั้งหมด: ป้อนเข้าของคุณถูกประมวลผลบนอุปกรณ์และไม่ถูกอัปโหลดหรือส่งไปยังเซิร์ฟเวอร์ หลังโหลดหน้าแล้ว เครื่องมือยังทำงานออฟไลน์ได้ มีประโยชน์สำหรับนักพัฒนาและวิศวกร DevOps ที่ต้องการแปลงไฟล์ .less ตรวจสอบผลลัพธ์ก่อนบิลด์ หรือตรวจสอบ CSS ที่คอมไพเลอร์แล้ว
ขั้นตอนที่ 1: วางซอร์ส LESS ของคุณลงในช่องป้อน หรือวางไฟล์ .less ลงในเครื่องมือ
ขั้นตอนที่ 2: เลือกโหมดคณิตศาสตร์ก่อนคอมไพเลอร์ การแทรก JavaScript ถูกปิดเพื่อความปลอดภัย
ขั้นตอนที่ 3: ตรวจสอบผลลัพธ์ CSS ที่คอมไพเลอร์แล้ว ซึ่งมีผลของฟีเจอร์ LESS ที่รองรับอย่างตัวแปร การซ้อน และมิกซ์อิน
ขั้นตอนที่ 4: คัดลอก CSS เพื่อใช้ในโปรเจกต์ของคุณหรือเพื่อตรวจสอบว่าซอร์ส LESS คอมไพเลอร์อย่างไร
กรณีการใช้งาน: แปลงไฟล์ซอร์ส LESS เป็น CSS โดยไม่ต้องติดตั้งทูลเชนในเครื่อง ซึ่งมีประโยชน์สำหรับการตรวจสอบอย่างรวดเร็วหรือการแปลงครั้งเดียว
กรณีการใช้งาน: ตรวจสอบว่าซอร์ส LESS คอมไพเลอร์ได้ก่อนถึงขั้นตอนบิลด์ ช่วยเห็นปัญหาเร็วขึ้น
กรณีการใช้งาน: ตรวจสอบ CSS ที่สร้างเพื่อเข้าใจผลลัพธ์ของตัวแปร กฎที่ซ้อน และมิกซ์อินในซอร์สของคุณ
กรณีการใช้งาน: ดูตัวอย่างว่าฟังก์ชันสี darken, lighten และ mix ปรากฏในสไตล์ชีตที่คอมไพเลอร์แล้วอย่างไร
กรณีการใช้งาน: เปรียบเทียบผลลัพธ์การคอมไพเลอร์หลังเลือกโหมดคณิตศาสตร์อื่นเพื่อดูว่าผลลัพธ์ใดเหมาะกับความต้องการของคุณ
กรณีการใช้งาน: แปลงตัวอย่าง LESS ที่วางหรือไฟล์ .less ที่วางขณะที่ประมวลผลอยู่บนอุปกรณ์ของคุณ