Beautifier

Was ist ein Beautifier, wie formatiert er Code und wo liegen seine Grenzen?

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.

Was macht t2informatik?

t2informatik - Wir entwickeln Software für großartige Unternehmen

Hinweise:

Ä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. Beaufifier werden in Entwicklungsumgebungen wie Eclipse oder Visual Studio angeboten oder lassen sich leicht online finden.

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?