HTML-Verschöner

Minifiziertes HTML — von einem Build-Tool auf eine oder wenige lange Zeilen zusammengefaltet — ist vollständig für die Übertragungsgröße optimiert, nicht für einen lesenden Menschen, was in dem Moment zu einem echten Hindernis wird, in dem Sie die Seitenstruktur eines Konkurrenten inspizieren, ein Produktionsproblem durch Ansehen des Quellcodes debuggen, oder verstehen müssen, wie ein eingebettetes Drittanbieter-Widget tatsächlich gebaut ist. Es zu verschönern stellt die Verschachtelung wieder her, der ein menschlicher Leser folgen muss: jedes Element auf seiner eigenen Zeile, eingerückt, um zu zeigen, wie tief es in seinen Eltern liegt, was die Darstellung ist, über die eine Person tatsächlich nachdenkt, statt der einzelnen dichten Zeile, die ein Build-Tool für die maschinelle Übertragung optimiert hat.

Eine von jemand anderem gebaute Seite zu inspizieren — die Landingpage eines Konkurrenten, das Markup eines eingebetteten Widgets, ein altes Projekt ohne zugänglichen Quellcode — ist einer der häufigsten Gründe, speziell auf einen Verschöner zurückzugreifen: Die Entwicklertools des Browsers zeigen das live gerenderte DOM, was für einen Zweck nützlich ist, während das Verschönern des rohen HTML-Quellcodes die echte, vom Server gesendete Dokumentstruktur mit wiederhergestellter Einrückung zeigt, was eine andere und oft nützlichere Ansicht ist, wenn versucht wird zu verstehen, wie eine Seite tatsächlich gebaut wurde, statt wie sie letztlich gerendert wurde.