JavaScript JavaScript เครื่องมือ Beautify- เครื่องมือจัดรูปแบบและปรับแต่ง ออนไลน์ฟรี

Input data
bfotool loadding
Output data
bfotool loadding

โปรแกรมดู Javascript, โปรแกรมเสริมสวย, โปรแกรมจัดรูปแบบ และโปรแกรมแก้ไข

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

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

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

ตัวอย่างโปรแกรมเสริมความงาม Javascript

ย่อ 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);  
 }