Beautifier

Wissen kompakt: Ein Beautifier ist ein Programm, das die Lesbarkeit von Quellcode erhöht, ohne dessen Funktionalität zu beeinflussen. Häufig wird es genutzt zur Umkehr einer Minifikation.

Beautifier – die Umkehr einer Minifikation

Ein Beautifier ist ein Programm, das einen per Minifier komprimierten Quellcode wieder maximiert, um dessen Lesbarkeit zu verbessern. Dabei formatiert der Beautifier den Quellcode neu, ohne jedoch ohne die Funktionalität des Quellcodes zu verändern. Es handelt sich somit um eine Code-Verschönerung. (Das englische Wort beauty steht für Schönheit.) Der Prozess wird demzufolge auch Beautifying, oder alternativ Maxifikation bzw. Unminifying genannt.

Beispiel für ein Beautifying

Hier sehen wir ein JavaScript Code-Snippet:

// ein beispiel
var array = [];
for (var i = 0; i < 5; i++) {
  array[i] = i;
}

Nach dem Minifying sieht der Code wie folgt aus:

var array=[];for(var i=0;i<5;i++){array[i]=i;}

Und das ist das Ergebnis nach dem Einsatz des Beautifiers:

var array = [];
for (var i = 0; i < 5; i++) {
	array[i] = i;
}
Die Struktur ist leichter nachzuvollziehen als nach dem Minifying, die Funktionalität ist unverändert, aber nicht alle Informationen konnten wie im Original hergestellt werden. Kommentare fehlen weiterhin und auch – allerdings nicht hier im Beispiel – gekürzte Variablennamen (beim Minifying werden in Abhängigkeit des verwendeten Tools auch Variablennamen auf einen einzelnen Buchstaben gekürzt) lassen sich nicht wieder in den ursprünglichen Zustand versetzen. Ein Beautifier ist also keine Form eines Un-Do, sondern nimmt den bestehenden Quellcode und verbessert dessen Lesbarkeit.

Formatierung mittels Beautifier

Wie verbessert ein Beautifier die Lesbarkeit und in der Folge auch die Wartbarkeit des Codes? Er

  • verwendet Einrückungen,
  • fügt Blöcke bei modifizierenden Anweisungen wie if, else, for, while etc. hinzu,
  • setzt Leerzeichen vor und nach den Argumenten modifizierender Anweisungen und bei Operatoren,
  • nutzt Code Coloring zur Syntaxvorhebung bzw. Syntax-Highlighting.

Alle diese Dinge tut ein Beautifier nach einem festen Schema, so dass eine einheitliche Struktur entsteht. Indirekt ergibt sich daraus auch, dass bewusst vorgenommene Verstöße gegen Formatierungsregeln, mit denen die Lesbarkeit des Code zusätzlich gesteigert wird, und die durch ein Minifying entfernt wurden, beim Beautifying nicht wieder hergestellt werden.

Beautifier - die Umkehr einer Minifikation

Was macht t2informatik?

Was macht t2informatik? Kleiner Tipp: Es hat etwas mit Softwareentwicklung zu tun!

Hinweise:

Haben Sie Lust auf einen neuen Lieblings-Newsletter?

Die Inhalte auf dieser Seite dürfen Sie gerne teilen oder verlinken.

Ähnlich wie es zahlreiche Minifier-Tools gibt, gibt es viele Beautifier Tools, u. a. für CSS, HTML, JavaScript, JSON, XML, PHP, TypeScript, C, C++, Java. Tools wie bspw. Uncrustify bieten Unterstützung für verschiedene Sprachen an, und manche Beautifier werden in Entwicklungsumgebungen wie Eclipse oder Visual Studio angeboten.

Hier finden Sie ergänzende Informationen aus unserer Rubrik Wissen kompakt:

Wissen kompakt: Was ist ein Minifier?

Was ist ein Minifier?

Wissen kompakt: Was ist Syntax Highlighting?

Was ist Syntax Highlighting?