---
title: "Visualizar o seu App a partir do back office"
description: "Oferecemos várias maneiras de pré-visualizar suas modificações quando você estiver trabalhando no seu aplicativo. As pré-visualizações permitem que você veja m"
canonical_url: "https://pt.goodbarber.com/help/testar-seu-app-antes-de-publicar-r7/visualizar-o-seu-app-a-partir-do-back-office-a87/"
lang: pt
---

# Visualizar o seu App a partir do back office

Source: https://pt.goodbarber.com/help/testar-seu-app-antes-de-publicar-r7/visualizar-o-seu-app-a-partir-do-back-office-a87/

Oferecemos várias maneiras de pré-visualizar suas modificações quando você estiver trabalhando no seu aplicativo.
As pré-visualizações permitem que você veja modificações* imediatas feitas no seu back office.
* *Estas alterações só serão visíveis para os seus utilizadores depois de as ter atualizado no menu **Publicar > Plataforma (PWA ou iOS ou Android) > Atualizar.***

- **[App My GoodBarber](https://pt.goodbarber.com/help/testar-seu-app-antes-de-publicar-r7/testar-o-seu-app-com-o-app-my-goodbarber-a121/),** para ter uma visualização precisa da versão nativa do iOS ou Android do app
- **A pré-visualização do back office** visível a partir da coluna principal do seu back office (com base na versão Progressive Web App (PWA))
- **O modo de pré-visualização** acessível a partir do botão "Pré-visualização" no canto superior direito (com base na versão Progressive Web App (PWA))

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038059-27898081.jpg?v=1781856100.51342)

Selecione o tipo de visualização na barra superior do modo de visualização:
Pré-visualização do Celular, pré-visualização do Tablet, pré-visualização do Laptop ou pré-visualização do Navegador.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038059-28483130.jpg?v=1781856100.5414202)

## 1. Pré-visualização do celular

É desta forma que o seu app aparecerá num celular. Contudo, tenha em mente que o design do seu app é automaticamente adaptado para cada tamanho de tela, por isso o app real pode aparecer um pouco diferente, consoante o tamanho da tela em que é exibido.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038059-27898082.jpg?v=1781856100.5574205)

## 2. Pré-visualização do Tablet

Este é o modo como seu app será exibido em tablets.
O **modo paisagem**encontra-se disponível para tablet. Para modificar a orientação da tela utilize o botão azul no topo direito da pré-visualização.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038059-27898083.jpg?v=1781856100.5814204)

## 3. Pré-visualização do Laptop

A pré-visualização do computador portátil, tal como o nome indica, é o modo como o seu PWA será mostrado num computador portátil. É mais estreito do que uma pré-visualização normal de desktop.
​

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038059-27898084.jpg?v=1781856100.6174207)

## 4. Pré-visualização do Browser

A pré-visualização do Browser é o tamanho mais amplo e permite que você veja e teste o app como ele aparece num navegador.
Clique no ícone do planeta para abrir a visualização do navegador em uma nova aba do seu navegador, ele irá abrir a mesma página que a que você estava vendo na pré-visualização do back office.

**Nota:** quando no modo de visualização, um banner é exibido na parte superior da tela.

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038059-27898085.jpg?v=1781856100.6494207)