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

# Vista previa en vivo

> Previsualiza tu sitio de documentación en tiempo real mientras editas, con actualizaciones continuas que renderizan al instante los cambios en contenido, navegación y configuración.

Previsualiza tu sitio mientras editas. Las vistas previas en vivo renderizan las páginas exactamente como se ven cuando se publican y se actualizan a medida que realizas cambios en el contenido, la navegación y la configuración.

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

Haz clic en el botón de vista previa en vivo <Icon icon="play" /> en la barra de herramientas para abrir una vista previa en vivo en una nueva pestaña.

<Frame>
  <img src="https://mintcdn.com/tomee-mintlify-f40292f2/fW1CCkdozcSNTN4W/images/editor/live-preview-light.png?fit=max&auto=format&n=fW1CCkdozcSNTN4W&q=85&s=abb9686038df57e4f28a24e16e790521" 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-f40292f2/fW1CCkdozcSNTN4W/images/editor/live-preview-dark.png?fit=max&auto=format&n=fW1CCkdozcSNTN4W&q=85&s=4b12d4cb1ba3f3585c906a317d0a8de8" 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>

<Note>
  La vista previa en vivo solo está disponible para documentación pública.
</Note>

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

|                    | Vista previa en vivo               | Implementación de vista previa              |
| ------------------ | ---------------------------------- | ------------------------------------------- |
| **Velocidad**      | Al instante                        | Requiere una compilación                    |
| **Acceso**         | URL local                          | URL para compartir                          |
| **Cuándo usarla**  | Al revisar cambios mientras editas | Al compartir con tu equipo para su revisión |
| **Disponibilidad** | Mientras el editor está abierto    | Mientras exista la branch                   |

Usa la vista previa en vivo para obtener comentarios inmediatos mientras editas. Cuando necesites compartir cambios con tu equipo o probarlos en un dispositivo diferente, usa una [implementación de vista previa](https://www.mintlify.com/docs/editor/branching-and-publishing#preview-your-changes).