---
url: "/pt/weblify/inspect/preview.md"
description: "A aba Preview do Weblify mostra como o site gerado fica em diferentes tamanhos de viewport."
---

# Pré-visualizar o código do site gerado

> A aba Preview do Weblify mostra como o site gerado fica em diferentes tamanhos de viewport.

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

Abra a aba **Preview** para renderizar o site atual do Weblify em HTML e CSS. Use o menu de páginas no topo do painel para escolher qual página pré-visualizar. Você pode voltar para **Add** ou **Style** para fazer alterações e depois abrir **Preview** de novo para conferir o resultado atualizado. Selecione **↻** para atualizar a pré-visualização.

## Mudar a largura da viewport da pré-visualização {#changing-the-preview-viewport-width}

Selecione **Desktop**, **Tablet** ou **Mobile** para pré-visualizar uma largura predefinida, ou **Fit** para usar a largura do painel do plugin. O Weblify lembra a sua escolha. As pré-visualizações mais largas são reduzidas para caber no painel.