---
title: "Visualizzare in anteprima la tua app dal back office"
description: "Offriamo diversi modi per visualizzare in anteprima le modifiche nel frattempo che lavori sulla tua app.  Le anteprime consentono di vedere immediatamente le mo"
canonical_url: "https://it.goodbarber.com/help/shop/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/shop/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 nel frattempo che lavori sulla tua app.
Le anteprime consentono di vedere immediatamente le modifiche * apportate al tuo back office.

* *Queste modifiche saranno visibili per i tuoi utenti solo dopo aver aggiornato le impostazioni cliccando sul pulsante "Aggiorna" nell'angolo in alto a destra.*

- 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/1878436/art/default/34457570-31501683.jpg?v=1570014465.6950696)

**Si aprirà una finestra con l'anteprima.**

Seleziona il tipo di anteprima dalla barra superiore della modalità anteprima:

- Smartphone
- Tablet
- Laptop
- Browser

## 1. Anteprima smartphone

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 in realtá un po' differente, essendo da verificare in base alla misura dello schermo dell'attuale dispositivo sul quale é visualizzata.

![](https://cmsphoto.ww-cdn.com/superstatic/1878436/art/default/34457570-31501685.jpg?v=1570014465.9551218)

## 2. Anteprima tablet

Ecco come la tua app verrà visualizzata sui tablet.
Il **landscape mode** é 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/1878436/art/default/34457570-31501686.jpg?v=1570014466.167436)

## 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/1878436/art/default/34457570-31501687.jpg?v=1570014466.3841662)

## 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/1878436/art/default/34457570-31501688.jpg?v=1570014466.642678)