suporte, pwa

Instalando o Devmind.io no seu smartphone

O Devmind.io é um progressive web app, ou seja, ele é uma aplicação da web, permitindo assim atualizações em tempo real, pouco uso do armazenamento interno e, aliado a isso, todas (ou quase) as possibilidades de um aplicativo comum de smartphone.

Como instalar

Para instalar o Devmind.io no seu telefone, acesse nosso site (https://devmind.io/) a partir do browser do seu smartphone e clique no banner Adicionar Devmind.io a tela inicial que aparecerá logo abaixo da tela, como na imagem:

p1

(pode demorar até 60 segundos para aparecer ou ser necessário entrar no site duas vezes em menos de 5 minutos)

Depois disso aparecerá um banner de confirmação, clique em adicionar e espere o processo concluir (você poderá ver isso nas Notificações)

p2

Quando concluido, o sistema irá registrar um processo de background (tambem chamado de service worker) que será encarregado de salvar em cache os conteúdos do editor, fazendo com que o tempo de carregamento das páginas seja drasticamente reduzido. Após isso o ícone aparecerá entre seus aplicativos, e você poderá iniciar o Devmind como um aplicativo separado do navegador:

p3

E então você estará pronto para editar seus projetos, com a mobilidade do seu smartphone e sem peso extra no seu armazenamento.

Solucionando problemas

O banner de instalação não aparece no meu smartphone

Os progressive web apps são uma tecnologia relativamente nova e extremamente dependente do navegador, sendo assim, se o banner de instalação não aparecer, pode ser que:

  1. A versão do seu browser não suporte progressive web apps. Neste caso, vale atualizar seu browser.

  2. Pode haver casos em que o cache do navegador faça o banner não aparecer, então é valido limpar o cache (ou o histórico completamente) e tentar novamente.

Estou no Windows Phone, isso também funciona?

Mais ou menos... Você pode rodar o site como uma tela separada utilizando o aplicativo PAWA ou utilizar o Monument Browser e fazer como mostra este vídeo.

Por enquanto, o Monument Browser é o unico navegador que permite este tipo de experiência. O PAWA também é uma opção válida, mas não proporciona uma boa experiência de navegação se você decidir ter mais PWAs instalados...

Meu telefone não mostra o banner ainda que eu tenha o browser atualizado e o cache limpo

Por enquanto os sistemas que tem suporte a isso são o Android e iOS nas versões mais recentes e na maioria dos browsers e o Windows Phone (de certa forma) com o PAWA ou Monument Browser, ainda não há uma previsão de chegada desta tecnologia nativamente para o Microsoft Edge no Windows Phone, ainda que o Edge na versão de Android já suporte progressive web apps. Mas em algum caso de não ser possível instalar no seu celular, você pode usar o Devmind.io diretamente no browser colocando em tela cheia se preferir, ele funcionará sem problemas.

Quais Navegadores suportam essa tecnologia?

Até a data da escrita deste artigo, os browsers que, quando atualizados no Android ou iOS, suportam os Progressive Web Apps são: Chrome, Edge, Opera, Samsung Internet Browser (que o processo é um pouquinho diferente), Safari (iOS), Firefox e UC Browser.

Para o Windows Phone somente o Monument Browser é capaz de ter um comportamento similar a instalação de um progressive web app, e não há previsão de atualização para que isso seja suportado em nenhum outro browser.

Caso queira saber como instalar esse app no seu computador, clique aqui!

Imagem de fundo por Bruce Mars.

Author image

Sobre Renan Mayrinck

UI/UX Web Designer, Retro Gamer, entusiasta de Linux e co-fundador do Devmind.io.
  • Rio de Janeiro, Brasil