ตัวจัดรูปแบบ/ย่อ JavaScript

จัดรูปแบบโค้ด JavaScript ด้วยเอนจิน Prettier ให้การเยื้องและสไตล์สม่ำเสมอ หรือย่อขนาดด้วยการลบช่องว่างและคอมเมนต์ ใช้ฟรีในเบราว์เซอร์

คลิกปุ่มเรียกใช้
ฝัง

ฝังเครื่องมือนี้ในเว็บไซต์ของคุณ

Powered by Patrache Studio DevTools
อัปเดตล่าสุด: 2026 · เครื่องมือออนไลน์ฟรี

ตัวจัดรูปแบบ/ย่อ JavaScript คืออะไร?

จัดรูปแบบโค้ด JavaScript ด้วยเอนจิน Prettier ให้การเยื้องและสไตล์สม่ำเสมอ หรือย่อขนาดด้วยการลบช่องว่างและคอมเมนต์ ใช้ฟรีในเบราว์เซอร์

วิธีใช้งาน

  1. 1
    ป้อน JavaScript— วางโค้ด JavaScript ของคุณที่ด้านซ้าย
  2. 2
    เลือกโหมด— เลือกโหมดจัดรูปแบบหรือย่อ
  3. 3
    ดำเนินการ— คลิกปุ่มดำเนินการ แล้วผลลัพธ์จะถูกแสดง

เครื่องมือที่เกี่ยวข้อง

ตัวจัดรูปแบบ/ย่อ HTMLตัวจัดรูปแบบ HTML ออนไลน์ฟรีที่ทำให้โค้ดรกเป็นระเบียบด้วยการเยื้องและขึ้นบรรทัด (beautify) หรือย่อ (minify) โดยลบช่องว่างเพื่อลดขนาดไฟล์ ในเบราว์เซอร์
ตัวจัดรูปแบบ/ย่อ CSSจัดรูปแบบ CSS ให้อ่านง่ายด้วยการเยื้องและขึ้นบรรทัดสม่ำเสมอ หรือย่อขนาดด้วยการลบช่องว่างและคอมเมนต์เพื่อลดขนาดไฟล์ ใช้ฟรีในเบราว์เซอร์
ตัวจัดรูปแบบ SQLจัดรูปแบบคำสั่ง SQL ให้อ่านง่ายพร้อมการเยื้อง เลือกเยื้อง 2 หรือ 4 ช่อง ทำคีย์เวิร์ดอย่าง SELECT และ FROM เป็นตัวพิมพ์ใหญ่ รองรับ MySQL และ PostgreSQL
ตัวจัดรูปแบบและดู JSONตัวจัดรูปแบบและดู JSON ออนไลน์ฟรีที่ทำให้ JSON แบบบีบอัดหรือบรรทัดเดียวสวยงามด้วยการเยื้อง สำรวจโครงสร้างในมุมมองทรีที่พับได้ และตรวจจับข้อผิดพลาดไวยากรณ์

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

ปัจจุบันรองรับเฉพาะ JavaScript (ES2024) เท่านั้น การรองรับ TypeScript มีแผนสำหรับการอัปเดตในอนาคต

สามารถเลือกขนาดการเยื้อง และใช้ singleQuote และ trailingComma เป็นค่าเริ่มต้น

ใช่ รองรับไวยากรณ์สมัยใหม่รวมถึง import/export, dynamic import และ top-level await

ไม่ Prettier standalone ทำงานโดยตรงในเบราว์เซอร์

ใช่ ตัวแยกวิเคราะห์ Babel จัดการไวยากรณ์ JSX โดยอัตโนมัติ

เว็บไซต์นี้ใช้คุกกี้เพื่อปรับปรุงประสบการณ์และการโฆษณา เรียนรู้เพิ่มเติม

โปรดอนุญาตโฆษณาบนเว็บไซต์นี้

หากต้องการใช้เครื่องมือเหล่านี้ โปรดอนุญาตโฆษณาบนเว็บไซต์นี้ รายได้จากโฆษณาช่วยให้บริการนี้ยังคงใช้งานได้ฟรี

เปิดตัวบล็อกโฆษณา ปิดการบล็อกสำหรับเว็บไซต์นี้ แล้วตรวจสอบอีกครั้ง