La vista previa de la back office

Ofrecemos varias formas de ver el resultado de lo que estás haciendo mientras estás trabajando en tu aplicación.
Las vistas previas permiten ver las modificaciones* inmediatamente cuando se hacen en el back office.

*Estos cambios solo serán visibles para los usuarios, una vez hayas actualizado tus ajustes después de hacer clic en " Actualizar ahora" en el botón que está arriba en la esquina derecha. 

- La vista previa del back office visible desde la columna principal de tu back office (basada en la versión de la Progressive Web App (PWA))

- El modo vista previa accessible con el botón "Vista Previa" en la parte superior derecha (basada en la versión de la Progressive Web App (PWA))

Abre la ventana de vista previa.

Elige en qué dispositivo deseas obtener una vista previa de tu aplicación en la barra superior del modo vista previa:

• Móvil 
• Tableta
• Laptop
• Navegador

Así es como aparecerá tu aplicación en un teléfono. Sin embargo, ten en cuenta que el diseño de la aplicación se redimensiona automáticamente para adaptarse a cualquier tamaño de pantalla, por lo que la aplicación real puede aparecer ligeramente diferente dependiendo del tamaño de la pantalla real en la que se ve.

Así es como aparecerá tu aplicación en tabletas.
El modo de paisaje está disponible en tabletas. Para cambiar la posición de la pantalla, utiliza el botón azul en la parte superior derecha de la vista previa.

La vista previa del portátil, como se ha indicado, es la forma en que tu PWA se mostrará en un ordenador. Es más estrecho que una vista previa de escritorio normal.
 

La vista previa del navegador es el tamaño más amplio, te permite ver y probar como aparecerá la aplicación en el navegador.
Haz clic en el icono de planeta para abrir la vista previa de navegador en una nueva pestaña de tu navegador, se abrirá la misma página que estabas viendo en la vista previa del Back Office.

Nota: Cuando estas en el modo de vista previa, un banner se despliega en la parte superior de la pantalla.