---
url: "/es/weblify/inspect/preview.md"
description: "La pestaña Preview de Weblify muestra cómo se ve el sitio web generado en distintos tamaños de pantalla."
---

# Previsualizar el código web generado

> La pestaña Preview de Weblify muestra cómo se ve el sitio web generado en distintos tamaños de pantalla.

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

Abre la pestaña **Preview** para renderizar el sitio web de Weblify actual como HTML y CSS. Usa el menú de páginas de la parte superior del panel para elegir qué página previsualizar. Puedes volver a **Add** o **Style** para hacer cambios y, después, abrir otra vez **Preview** para comprobar el resultado actualizado. Selecciona **↻** para actualizar la vista previa.

## Cambiar el ancho de la vista previa {#changing-the-preview-viewport-width}

Selecciona **Desktop**, **Tablet** o **Mobile** para previsualizar un ancho predefinido, o **Fit** para ajustarlo al ancho del panel del plugin. Weblify recuerda tu elección. Las vistas previas más anchas se reducen para que quepan en el panel.