---
url: "/pl/weblify/inspect/preview.md"
description: "Karta Preview w Weblify pokazuje, jak wygenerowana strona internetowa wygląda przy różnych rozmiarach viewportu."
---

# Podgląd wygenerowanego kodu strony

> Karta Preview w Weblify pokazuje, jak wygenerowana strona internetowa wygląda przy różnych rozmiarach viewportu.

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

Otwórz kartę **Preview**, aby wyrenderować bieżącą stronę internetową z Weblify jako HTML i CSS. W menu stron u góry panelu wybierz stronę do podglądu. Możesz wrócić do **Add** lub **Style**, aby wprowadzić zmiany, a potem ponownie otworzyć **Preview** i sprawdzić zaktualizowany wynik. Wybierz **↻**, aby odświeżyć podgląd.

## Zmiana szerokości viewportu podglądu {#changing-the-preview-viewport-width}

Wybierz **Desktop**, **Tablet** lub **Mobile**, aby podejrzeć stronę w gotowej szerokości, albo **Fit**, aby dopasować ją do szerokości panelu wtyczki. Weblify zapamiętuje Twój wybór. Szersze podglądy są pomniejszane, aby zmieściły się w panelu.