Oferecemos várias maneiras de visualizar suas modificações quando você está a trabalhar no seu app.
As pré-visualizações permitem ver modificações imediatas* feitas no seu back office.

*Essas alterações só serão visíveis para os seus usuários, depois de você atualizar as configurações clicando no botão "Atualizar agora" no canto superior direito.


- 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))

picture

Uma janela de pré-visualização é aberta.

Selecione o tipo de visualização na barra superior do modo de visualização:

  •  Telefone
  •  Tablet
  • Computador portátil
  •  Navegador


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.
 

picture

2

Pré-visualização do Tablet

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

picture

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. Ela é menor que a tela de um computador fixo.

picture

4

Pré-visualização do Browser

A visualização 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.

picture

Outros artigos