---
url: "/de/weblify/inspect/preview.md"
description: "Der Tab Preview in Weblify zeigt, wie die erzeugte Website in verschiedenen Viewport-Größen aussieht."
---

# Erzeugten Website-Code in der Vorschau ansehen

> Der Tab Preview in Weblify zeigt, wie die erzeugte Website in verschiedenen Viewport-Größen aussieht.

[Video](/assets/videos/weblify/inspect/preview-code.mp4)

Öffne den Tab **Preview**, um die aktuelle Weblify-Website als HTML und CSS zu rendern. Im Seitenmenü oben im Bereich wählst du, welche Seite in der Vorschau erscheinen soll. Du kannst zu **Add** oder **Style** zurückgehen, um Änderungen vorzunehmen, und dann **Preview** erneut öffnen, um das aktualisierte Ergebnis zu prüfen. Wähle **↻**, um die Vorschau zu aktualisieren.

## Die Viewport-Breite der Vorschau ändern {#changing-the-preview-viewport-width}

Wähle **Desktop**, **Tablet** oder **Mobile**, um eine voreingestellte Breite anzuzeigen, oder **Fit**, um die Breite des Plugin-Bereichs zu übernehmen. Weblify merkt sich deine Wahl. Breitere Vorschauen werden verkleinert, damit sie in den Bereich passen.