> ## Documentation Index
> Fetch the complete documentation index at: https://tomee-mintlify-ae937543.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Vista previa en vivo

> Previsualice su sitio en tiempo real mientras edita, con actualizaciones continuas que renderizan al instante los cambios de contenido y configuración.

Previsualice su sitio mientras edita. Las vistas previas en vivo renderizan las páginas exactamente como se ven cuando se publican. Se actualizan a medida que realiza cambios en el contenido, la navegación y la configuración.

<div id="open-live-preview">
  ## Abrir la vista previa en vivo
</div>

Haga clic en el botón <Icon icon="play" /> de vista previa en vivo en la barra superior.

<Frame>
  <img src="https://mintcdn.com/tomee-mintlify-ae937543/tq3e7ESc5RjVg6WP/images/editor/live-preview-light.png?fit=max&auto=format&n=tq3e7ESc5RjVg6WP&q=85&s=addbd92228c0d2320287bd82fbf141d1" alt="El botón de vista previa en vivo en la barra de herramientas." className="block dark:hidden" width="464" height="192" data-path="images/editor/live-preview-light.png" />

  <img src="https://mintcdn.com/tomee-mintlify-ae937543/tq3e7ESc5RjVg6WP/images/editor/live-preview-dark.png?fit=max&auto=format&n=tq3e7ESc5RjVg6WP&q=85&s=0992e76cb627b8c51672e925acf380a8" alt="El botón de vista previa en vivo en la barra de herramientas." className="hidden dark:block" width="467" height="192" data-path="images/editor/live-preview-dark.png" />
</Frame>

<div id="edit-site-settings-in-live-preview">
  ## Editar la configuración del sitio en la vista previa en vivo
</div>

Edite la configuración del sitio en la vista previa en vivo para ver cómo afecta al contenido renderizado.

1. Abra la vista previa en vivo dentro del editor.
2. Haga clic en **Site settings** en la barra de herramientas de la vista previa.
3. Seleccione una sección de configuración y edite sus opciones.

Si configura la vista previa en vivo para que se abra en una nueva pestaña, el menú de configuración del sitio no estará disponible. Desactive **Open live preview in new tab** en la [configuración del editor](/es/editor/settings) para usar el menú de configuración del sitio.

<div id="ask-the-agent-in-live-preview">
  ## Preguntar al agente en la vista previa en vivo
</div>

Haga clic en **Ask agent** en la barra de herramientas de la vista previa para abrir el [agente del editor](/es/editor/agent) junto a la vista previa en vivo. Solo los editores y administradores pueden usar el agente en las vistas previas en vivo.

<Note>
  La vista previa en vivo funciona en sitios públicos y en sitios protegidos con autenticación de Mintlify. En sitios autenticados, el editor inicia sesión automáticamente en la vista previa.
</Note>

<div id="live-preview-versus-preview-deployments">
  ## Vista previa en vivo frente a despliegues de vista previa
</div>

|                    | Vista previa en vivo                                           | Despliegue de vista previa                    |
| ------------------ | -------------------------------------------------------------- | --------------------------------------------- |
| **Velocidad**      | Al instante                                                    | Requiere una compilación                      |
| **Acceso**         | URL local, con autenticación automática para sitios protegidos | URL para compartir                            |
| **Cuándo usarla**  | Para revisar cambios mientras edita                            | Para compartir con su equipo para su revisión |
| **Disponibilidad** | Mientras el editor esté abierto                                | Mientras exista la branch                     |

Use la vista previa en vivo para obtener retroalimentación inmediata mientras edita. Cuando necesite compartir cambios con su equipo, use un [despliegue de vista previa](/es/editor/branching-and-publishing#preview-your-changes). También puede usarlo para probar los cambios en un dispositivo diferente.