---
title: "Visualizzare in anteprima la tua app dal back office"
description: "Offriamo diversi modi per visualizzare in anteprima le modifiche mentre lavori sulla tua app.  Le anteprime consentono di vedere immediatamente le modifiche * a"
canonical_url: "https://it.goodbarber.com/help/testare-la-tua-app-prima-della-pubblicazione-r7/visualizzare-in-anteprima-la-tua-app-dal-back-office-a87/"
lang: it
---

# Visualizzare in anteprima la tua app dal back office

Source: https://it.goodbarber.com/help/testare-la-tua-app-prima-della-pubblicazione-r7/visualizzare-in-anteprima-la-tua-app-dal-back-office-a87/

Offriamo diversi modi per visualizzare in anteprima le modifiche mentre lavori sulla tua app.
Le anteprime consentono di vedere immediatamente le modifiche * apportate al tuo back office.

* *Queste modifiche saranno visibili solo per i tuoi utenti, una volta che li hai aggiornati nel menu **Pubblica > Piattaforma (** **PWA o iOS o Android) > Aggiorna***

- [**L'app MyGoodBarber**](https://it.goodbarber.com/help/testare-la-tua-app-prima-della-pubblicazione-r7/testare-la-tua-app-con-l-app-my-goodbarber-a121/), per avere un'anteprima precisa della versione nativa dell'app per iOS o Android.
- L'**anteprima del back office** visibile dalla colonna principale del tuo back office (basata sulla versione Progressive Web App (PWA))
- **La modalità di anteprima** accessibile dal pulsante "**Anteprima**" in alto a destra (basata sulla versione Progressive Web App (PWA))

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036954-27895603.jpg?v=1782218917.3915584)

Seleziona il tipo di anteprima dalla barra superiore della modalità di anteprima:
Anteprima telefono, anteprima tablet, anteprima laptop o anteprima browser.

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036954-27895604.jpg?v=1782218917.4195585)

## 1. Anteprima telefono

Questo è come l'app apparirà sul cellulare. Ricorda che il design dell'app è automaticamente ridimensionato per adattarsi a qualsiasi dimensione dello schermo, quindi l'app reale potrebbe apparire leggermente diversa a seconda delle dimensioni dello schermo del dispositivo su cui viene visualizzata.

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036954-28335473.jpg?v=1782218917.4355586)

## 2. Anteprima tablet

Ecco come la tua app verrà visualizzata sui tablet.
La**modalità orizzontale (landscape)** è disponibile per tablet. Per cambiare la posizione dello schermo utilizza il pulsante blu in alto a destra nell'anteprima.

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036954-27895605.jpg?v=1782218917.4595587)

## 3. Anteprima laptop

L'anteprima laptop, come già indicato, è il modo in cui la PWA verrà visualizzata sul tuo laptop. È meno ampia rispetto alla regolare anteprima del desktop.

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036954-27895606.jpg?v=1782218917.495559)

## 4. Anteprima browser

L'anteprima del browser è la dimensione più ampia, consente di vedere e testare l'app come appare su un browser.
Clicca sull'icona del pianeta per mostrare l'anteprima del browser in una nuova scheda; si aprirà la stessa pagina di quella che stavi visualizzando nell'anteprima del back office.

**Nota**: in modalità anteprima, un banner viene visualizzato nella parte superiore dello schermo.

![](https://cmsphoto.ww-cdn.com/superstatic/1682502/art/default/28036954-27895607.jpg?v=1782218917.531559)