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 actualizado no menu Publicar > Plataforma (PWA ou iOS ou Android) > Actualizar.

- App my GoodBarber, 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))

picture

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.

picture

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

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