Vista previa

Puedes previsualizar tu sitio web en vivo mientras trabajas. Al hacer clic en el botón “Vista previa” de la barra de herramientas, la vista previa se ejecuta en la misma ventana, o al hacer clic en el triángulo de despliegue se abre la ventana emergente de vista previa, con los ajustes de vista previa, donde puedes elegir uno o más navegadores para ver tu sitio en una ventana de navegador externa..

Puedes pulsar CMD-R (Archivo→Vista previa del sitio web) para alternar rápidamente la vista previa integrada, o hacer clic en el botón “Abrir vista previa en vivo” para iniciar el servicio de vista previa en los navegadores seleccionados. La vista previa integrada puede ser más útil en un portátil o en escenarios de una sola pantalla, mientras que un navegador externo puede ser más útil cuando puedes colocar un navegador de vista previa junto a la ventana de Sitely, en una pantalla grande o en una configuración de doble pantalla. El contenido de la vista previa se actualiza en tiempo real a medida que editas el sitio.

Sitely admite la vista previa en vivo en cualquier navegador y puede abrir directamente Safari, Firefox, Chrome, Brave y Edge. Si habilitas compartir la vista previa con otros dispositivos en la red local, también puedes usar la vista previa en vivo en dispositivos iOS, por ejemplo. El código QR ofrece una forma rápida de abrir la vista previa.

La función de vista previa incluso funciona sin conexión, excepto para los elementos obtenidos de la web (vídeos, redes sociales, integraciones de código de terceros, etc.).

Si tu documento incluye múltiples diseños para dispositivos, establecer "Dispositivo actual" muestra el diseño actual sin importar el dispositivo real o el ancho de la ventana del navegador. Establecer "Todos los dispositivos" en la vista previa en vivo mostrará el diseño adecuado para cada dispositivo, lo que te permite ver diferentes diseños para distintos dispositivos. Sin embargo, esto puede llevarte a editar elementos que no son visibles en el navegador de vista previa.

Si tu documento usa un tema de color oscuro, al seleccionar “Tema de color del lienzo” se mostrará el tema de color activo independientemente del sistema. Al elegir “Tema de color del sistema” se mostrará un sitio que cambia su tema según el tema actual del sistema.

Si el sitio incluye una página de privacidad y un banner, puedes elegir mostrar el banner de cookies cada vez que se muestre una página en vista previa o no mostrarlo nunca.