← กลับไปยังคุณสมบัติ
Free

XML Formatter

XML Formatter ช่วยจัดรูปแบบให้อ่านง่าย (Pretty-print), ย่อขนาด (Minify) และตรวจสอบความถูกต้องของ XML ภายในเบราว์เซอร์ สามารถตั้งค่าการย่อหน้า, เลือกปิดแท็กว่างโดยอัตโนมัติ, เลือกเก็บหรือลบคำอธิบาย (Comment) และแสดงเอาต์พุตแบบไฮไลต์ไวยากรณ์ โดยใช้ DOMParser พื้นฐานของเบราว์เซอร์เพื่อให้ตรงตามมาตรฐาน RFC พร้อมแสดงข้อความแจ้งเตือนที่ชัดเจนหาก XML ผิดรูปแบบ

XML อาจไม่ใช่รูปแบบข้อมูลที่ทันสมัยที่สุดในปัจจุบัน แต่ยังคงมีการใช้งานอยู่ทุกที่ — ไม่ว่าจะเป็น RSS Feed, SOAP API, ไฟล์ SVG, ไฟล์การตั้งค่า (Spring, Maven, Android), ผลลัพธ์การ Build, SAML Assertion และระบบเก่าๆ อีกมากมาย เมื่อข้อมูล XML เหล่านั้นแสดงผลเป็นบรรทัดเดียวพรืดหรือมีการย่อหน้าไม่สม่ำเสมอ ก็จะทำให้อ่านยากมาก XML Formatter ช่วยแก้ปัญหานี้ได้ภายในเบราว์เซอร์โดยไม่ต้องอัปโหลดไฟล์ เพียงวาง XML ใดๆ ไม่ว่าจะเป็นแบบย่อหน้ามาแล้ว, จัดรูปแบบไม่ดี หรือเพิ่งคัดลอกมา — คลิก Format แล้วคุณจะได้โครงสร้างต้นไม้ที่ย่อหน้าอย่างสวยงามตามความกว้างที่คุณต้องการ องค์ประกอบที่ว่างสามารถเลือกให้ปิดแท็กในตัวได้โดยอัตโนมัติ (<tag></tag> → <tag />) เพื่อความกระชับ และสามารถเลือกเก็บหรือลบทิ้งคำอธิบายได้ ระบบ DOMParser ในเบราว์เซอร์จะตรวจสอบอินพุต — หากมีข้อผิดพลาดทางไวยากรณ์ (แท็กปิดไม่ครบ, เอนทิตีไม่ถูกต้อง, เครื่องหมายคำพูดไม่เข้าคู่) จะมีการแสดงข้อความแจ้งเตือนพร้อมระบุตำแหน่งโดยประมาณ การไฮไลต์ไวยากรณ์จะช่วยแยกสีของแท็ก (สีม่วง), ชื่อแอตทริบิวต์ (สีฟ้า), ค่าแอตทริบิวต์ (สีเขียว) และคำอธิบาย (สีเทาเอียง) ทำให้สแกนโครงสร้างได้ง่าย นอกจากนี้ยังมีตัวเลือก Minify เพื่อบีบอัดช่องว่างระหว่างแท็กสำหรับการใช้งานจริงหรือการนำไปใส่ในสตริงบรรทัดเดียว

ตัวอย่างสด
example.com
ตัวจัดรูปแบบ XML ✓ XML ที่ถูกต้อง · 12 บรรทัด
การเยื้อง: 2 ✓ ปิดแท็กว่างโดยอัตโนมัติ ✓ ไฮไลต์ไวยากรณ์
อินพุต (ย่อขนาดแล้ว)
<rss version="2.0"><channel><title>Example</title><link>https://example.com</link><item><title>Post</title></item></channel></rss>
เอาต์พุตที่จัดรูปแบบแล้ว
<rss version="2.0"> <channel> <title>Example</title> <link>https://example.com</link> <item> <title>Post</title> </item> </channel> </rss>
คุณสมบัติหลัก

จัดรูปแบบ Pretty-Print

แปลง XML ที่ย่อขนาดหรือยุ่งเหยิงให้เป็นเอาต์พุตที่ย่อหน้าอย่างสวยงาม สามารถตั้งค่าความกว้างของการย่อหน้าได้ (0-8 ช่องว่าง)

ตรวจสอบความถูกต้องพร้อมแจ้งข้อผิดพลาดชัดเจน

ใช้ DOMParser ของเบราว์เซอร์เพื่อตรวจสอบตามมาตรฐาน ข้อผิดพลาดทางไวยากรณ์จะแสดงพร้อมรายละเอียดตำแหน่ง

ตัวเลือกการย่อขนาด (Minify)

ลบช่องว่างทั้งหมดระหว่างแท็กเพื่อให้ได้เอาต์พุตที่กะทัดรวด — มีประโยชน์สำหรับการนำ XML ไปใส่ในโค้ดหรือลดขนาด Payload

ไฮไลต์ไวยากรณ์

แยกสีแท็ก, ชื่อแอตทริบิวต์, ค่า และคำอธิบาย เพื่อให้สแกนข้อมูลได้ง่าย สามารถปิดได้หากต้องการเอาต์พุตแบบข้อความธรรมดา

ปิดแท็กว่างอัตโนมัติ

ยุบแท็กองค์ประกอบที่ว่าง (<tag></tag>) ให้เป็นรูปแบบปิดในตัว (<tag />) โดยอัตโนมัติเพื่อความกระชับ

การจัดการคำอธิบาย (Comment)

เก็บคำอธิบายไว้เพื่อเป็นเอกสารอ้างอิง หรือลบทิ้งเมื่อต้องการเตรียม XML สำหรับใช้งานจริงหรือส่ง API

กรณีการใช้งานทั่วไป

การดีบั๊กข้อมูลตอบกลับจาก SOAP API

เนื้อหา SOAP มักจะเป็น XML บรรทัดเดียวที่ดูวุ่นวาย ให้จัดรูปแบบเพื่อตรวจสอบโครงสร้างและค้นหาฟิลด์ที่คุณต้องการ

การแก้ไขซอร์สโค้ด SVG

วาง SVG ที่ซับซ้อน แล้วจัดรูปแบบเพื่อดูโครงสร้าง path/rect/g แก้ไของค์ประกอบที่ต้องการ แล้วคัดลอกแบบย่อขนาดกลับไป

การตรวจสอบ RSS Feed

จัดรูปแบบ RSS/Atom feed เพื่อยืนยันโครงสร้างไอเท็มก่อนจะเขียนโปรแกรมเพื่อพาร์สข้อมูล

การตรวจสอบไฟล์ Build Config

จัดระเบียบไฟล์ pom.xml, build.xml หรือ Android Manifest เพื่อใช้ในการรีวิวโค้ด — การย่อหน้าที่สม่ำเสมอทำให้การดู Diff ชัดเจนขึ้น

การตรวจสอบความถูกต้องของคอนฟิก

ก่อนจะบันทึกไฟล์คอนฟิก ให้ตรวจสอบว่า XML ถูกรูปแบบหรือไม่ — ดักจับแท็กปิดที่หายไป </tag> ก่อนที่มันจะทำให้ระบบพัง

วิธีใช้งาน
1

เปิดเครื่องมือ XML Formatter

คลิกไอคอน XML ใน DevSuite Pro dock แผงควบคุมจะเปิดขึ้นพร้อมตัวเลือกและพื้นที่ใส่อินพุต

2

วางข้อมูล XML ของคุณ

วาง XML ใดๆ — เช่น ข้อมูลตอบกลับจาก API, ไฟล์คอนฟิก, SVG, RSS Feed ฯลฯ ระบบจะตรวจสอบความถูกต้องแบบสดขณะที่คุณพิมพ์

3

คลิก Format

กดปุ่ม Format เพื่อรับเอาต์พุตที่ย่อหน้าอย่างสวยงาม หาก XML ไม่ถูกต้อง ระบบจะแสดงข้อผิดพลาดพร้อมตำแหน่งก่อนจัดรูปแบบ

4

ปรับแต่งตัวเลือก

ปรับความกว้างของการย่อหน้า, เลือกปิดแท็กว่างอัตโนมัติ, เลือกเก็บ/ลบคำอธิบาย และเปิด/ปิดการไฮไลต์ไวยากรณ์

5

คัดลอกและนำไปใช้

คลิก Copy เพื่อรับ XML ที่จัดรูปแบบหรือย่อขนาดแล้ว เพื่อนำไปใช้ในโค้ด, เอกสาร หรือการเรียกใช้ API

พร้อมที่จะลองหรือยัง?

ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 64 รายการสำหรับเบราว์เซอร์ของคุณ

เพิ่มใน Chrome เพิ่มไปยัง Edge เพิ่มใน FireFox