เครื่องมือจัดรูปแบบจาวาสคริปต์ออนไลน์ฟรี, ตัวเสริมสวย

Javascript Viewer, Beautifier, Formatter, Editor

ป้อน Javascript (JS) ที่ยุ่งเหยิง ย่อเล็กสุด หรือสับสนของคุณลงในฟิลด์ด้านบนเพื่อล้างและทำให้สวยงาม ตัวแก้ไขด้านบนนี้ยังมีหมายเลขบรรทัดที่เป็นประโยชน์และการเน้นไวยากรณ์อีกด้วย มีตัวเลือกมากมายในการปรับแต่งเครื่องเสริมสวยให้เข้ากับรสนิยมการจัดรูปแบบส่วนบุคคลของคุณ

คุณใช้ Javascript Viewer, Beautifier และ Formatter, Editor เมื่อใด

บ่อยครั้งเมื่อเขียน Javascript (JS) การเยื้อง การเว้นวรรค และการจัดรูปแบบอื่นๆ ของคุณอาจไม่เป็นระเบียบเล็กน้อย เป็นเรื่องปกติที่นักพัฒนาหลายคนจะทำงานในโครงการเดียวที่มีเทคนิคการจัดรูปแบบที่แตกต่างกัน เครื่องมือนี้มีประโยชน์ในการทำให้การจัดรูปแบบไฟล์สอดคล้องกัน เป็นเรื่องปกติที่ Javascript (JS) จะถูกย่อหรือทำให้งงงวย คุณสามารถใช้เครื่องมือนี้เพื่อทำให้โค้ดนั้นดูสวยงามและอ่านง่าย ดังนั้นจึงแก้ไขได้ง่ายขึ้น

ตัวอย่าง Javascript Beautifier

Javascript ย่อเล็กสุด:

var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}

กลายเป็นที่สวยงามนี้:

var a = document.createElement('a');
 mimeType = mimeType || 'application/octet-stream';
 if (navigator.msSaveBlob) {
     navigator.msSaveBlob(new Blob([content], {
         type: mimeType
     }), fileName);
 } else if (URL && 'download' in a) {
     a.href = URL.createObjectURL(new Blob([content], {
         type: mimeType
     }));
     a.setAttribute('download', fileName);
     document.body.appendChild(a);
     a.click();
     document.body.removeChild(a);
 } else {
     location.href = 'data:application/octet-stream,' + encodeURIComponent(content);
 }