Brezplačno spletno orodje Javascript Formatter, Beautifier

Input data
bfotool loadding
Output data
bfotool loadding

Javascript Viewer, Beautifier, Formatter, Editor

V zgornje polje vnesite svoj neurejen, zmanjšan ali zamegljen Javascript (JS), da ga očistite in polepšate. Zgornji urejevalnik vsebuje tudi uporabne številke vrstic in označevanje sintakse. Obstaja veliko možnosti za prilagoditev lepotilnika vašemu osebnemu okusu oblikovanja.

Kdaj uporabljati Javascript Viewer, Beautifier in Formatter, Editor

Med pisanjem Javascripta (JS) lahko pogosto postanejo zamiki, presledki in drugo oblikovanje so nekoliko neorganizirani. Prav tako je običajno, da na enem projektu dela več razvijalcev, ki uporabljajo različne tehnike oblikovanja. To orodje je uporabno za skladnost oblikovanja datoteke. Prav tako je običajno, da je Javascript (JS) pomanjšan ali zakrit. S tem orodjem lahko poskrbite, da bo koda videti lepa in berljiva, tako da jo je lažje urediti.

Primer olepševalca Javascript

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

Postane tole polepšano:

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