Aufgeräumte HTML-Ausgabe in der View-Quelle von Chrome?

4155
Henrik

Häufig sieht die HTML-Ausgabe bei der Verwendung von CMS und statischen Site-Generatoren wie Müll aus (falsche Auswahl ist der ärgerlichste Fehler).

Gibt es eine Lösung, um die in Chrome "View Source" aufgeräumte Ausgabe zu rendern ?

In meinem Fall verwende ich einen statischen Standortgenerator. Im Editor sieht alles perfekt aus, aber der Code wird bei der Vorschau im Browser falsch dargestellt.

(Ich weiß, dass ich wahrscheinlich eine Build-Aufgabe hinzufügen kann (z. B. Grunt), um HTML-Verarbeitungsanforderungen zu behandeln. In vielen Fällen, beispielsweise bei der Verwendung von Live-Reload-Tools (ich verwende Mixture.io), können Sie eine Vorschau einer internen Version von anzeigen Die Website ist keine optimale Lösung.)

3

1 Antwort auf die Frage

4
Hashbrown

Ich empfehle den Quick Source Viewer .
Es kann Ihnen die Quelle der aktuellen, formatierten und farbcodierten Seite anzeigen.

Es ist ziemlich mächtig und zeigt alle "Quellen" der Seite an, sei es css, js oder html. Sogar Dinge wie Inline-css / js können einzeln betrachtet werden (wobei der eingefügte Code hervorgehoben ist). Und das Beste daran ist, dass es alle, auch die CSS, verklärt (was die Entwickler-Tools von Chrome immer noch ablehnen).

Vielen Dank! Das ist eine großartige Empfehlung, ich werde es verwenden. Wenn nur in DevTools integriert, um zu verhindern, dass es in einem separaten Fenster angezeigt wird und bei Änderungen manuell aktualisiert wird… :) Henrik vor 10 Jahren 2
Funktioniert noch in 2017 :) Dimitry K vor 7 Jahren 0
Ich musste es schon eine Weile nicht mehr benutzen, devtools hat einen langen Weg zurückgelegt, css pretty-prints, aber ich bin froh, dass es immer noch funktioniert, es ist wirklich mächtig Hashbrown vor 7 Jahren 0
In Chrome kann die Erweiterung nicht für eine Registerkarte verwendet werden, deren Adresse mit "view-source:" beginnt (dh eine Registerkarte, die erstellt wird, nachdem der Benutzer * View Page Source * ausgewählt hat). chb vor 6 Jahren 0

Verwandte Probleme