Mira tu página como la ven las visitas.

Aprende DXPR BuilderCrear páginasEditar una página

La vista previa oculta cada barra de controles y botón de añadir, así ves la página como la verán tus visitas. Úsala para comprobar un diseño antes de guardar: también muestra tus cambios sin guardar. El vídeo previsualiza una sección terminada, vuelve a editar, guarda y luego activa la vista previa con el teclado.

Cambia a vista previa y vuelve

  1. Haz clic en el icono del ojo en la barra de herramientas de DXPR y elige Preview en el menú de vista.
  2. Comprueba la página: las barras de controles y los botones de añadir están ocultos, como para las visitas.
  3. Abre el menú de vista de nuevo y elige Edit para seguir trabajando. Tus cambios sin guardar se conservan.
  4. Haz clic en Save para guardar la página.

También puedes pulsar Ctrl+Shift+P (Cmd+Shift+P en un Mac) para activar y desactivar la vista previa.

Lo que ves

  • Sin ayudas de edición. Las barras de controles, los contornos de hover, los botones de añadir y el contorno del elemento seleccionado desaparecen.
  • Un ojo rojo en la barra de herramientas. Mientras la vista previa está activa, el icono del ojo en la barra de herramientas de DXPR se muestra tachado en rojo. La barra permanece, así puedes volver en cualquier momento.
  • Sin edición de texto. Hacer clic en un texto no abre el editor de texto hasta que eliges Edit de nuevo.

El constructor recuerda tu elección en este navegador. Si dejas una página en vista previa, la próxima página que edites también se abre en vista previa.

Comprueba pantallas estrechas

Cambia a vista previa y estrecha la ventana de tu navegador. Las filas nuevas ponen sus columnas lado a lado desde el ancho de tableta hacia arriba y las apilan en teléfonos. Comprueba que cada columna apilada siga leyéndose bien. Haz que tu diseño funcione en teléfonos muestra cómo cambiar esto por tamaño de pantalla.

Vista previa o página publicada

La vista previa muestra lo que hay ahora en el editor, guardado o no. Las visitas ven la última versión guardada, y solo cuando la página está publicada. Para ver la página exactamente como la ve una visita, ábrela en una ventana privada del navegador.

Si no ves la vista previa

  • La página se abre sin barras de controles. Dejaste la última página en vista previa y el constructor conservó esa elección. Abre el menú de vista y elige Edit.
  • El atajo no hace nada. Los atajos se pausan mientras el cursor está en un texto que editas. Haz clic fuera del texto y pulsa Ctrl+Shift+P de nuevo.
  • Las visitas no ven lo que muestra la vista previa. La vista previa incluye cambios sin guardar, y las visitas solo ven una página publicada. Haz clic en Save y publica la página como se describe en Guarda y publica.

¿Qué sigue?