Outil en ligne gratuit Javascript Formatter, Beautifier

Input data
bfotool loadding
Output data
bfotool loadding

Visionneuse Javascript, embellisseur, formateur, éditeur

Entrez votre Javascript (JS) désordonné, minifié ou obscurci dans le champ ci-dessus pour le nettoyer et le rendre joli. L'éditeur ci-dessus contient également des numéros de ligne utiles et une coloration syntaxique. Il existe de nombreuses options pour adapter l'embellisseur à vos goûts personnels de mise en forme.

Quand utilisez-vous Javascript Viewer, Beautifier and Formatter, Editor

Souvent, lors de l'écriture de Javascript (JS), votre indentation, votre espacement et tout autre formatage peuvent devenir un peu désorganisés. Il est également courant que plusieurs développeurs travaillent sur un même projet avec des techniques de formatage différentes. Cet outil est utile pour rendre le formatage d'un fichier cohérent. Il est également courant que Javascript (JS) soit minifié ou obscurci. Vous pouvez utiliser cet outil pour rendre ce code joli et lisible afin qu'il soit plus facile à modifier.

Exemple d'embellissement Javascript

Javascript minifié :

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);}

Devient cette embellie :

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);
 }