segunda-feira, 19 de outubro de 2015

Como transformar Páginas em Aplicativos no Chrome

Antigamente, era muito mais fácil transformar qualquer página do chrome em aplicativo, hoje em dia ainda é possível, é ótimo para páginas feitas em Material Desgin ou templates responsivos, uma ótima dica pra quem usa o WhatsApp Web e se chateia tendo que mudar de aba toda hora, essa dica também vale pra quem quiser criar um WebApp do nosso blog, só que hoje irei demonstrar com o WhatsApp Web.


Passo 01: Adicione o site que deseja aos seus favoritos

Para fazer isso, basta clicar na estrela que fica na barra de endereço como demonstrado na imagem abaixo:



Passo 02: abra duas janelas do chrome

Depois de colocar o site nos favoritos, abra duas janelas diferentes do chrome, uma na parte de "Apps" e na outra janela abra a aba nova guia normal, vá na barra de favoritos e procure o site que você adicionou, segure e arraste ele para a janela de apps, assim ele será fixado na página de apps, como demonstrado nas fotos abaixo:

1º:

2º:

3º:

Passo 03: Crie o Aplicativo!

Depois de criar um atalho na parte de aplicativos, basta agora apenas clicar com o botão direito sobre o ícone e depois clique em informações do aplicativo.
irá aparecer uma caixa de diálogo com todos os dados, não clicamos em "criar atalhos, pois você precisa configurar para a página abrir como janela, se não quando você for abrir o app, irá abrir uma nova guia do chrome.
mas continuando, na caixa de diálogo, selecione abrir como janela como demonstrado na foto abaixo e depois clique em criar atalhos, marque onde você deseja, na área de trabalho e também no menu de apps do sistema.



depois disso, agora basta arrastar o App para a dash do sistema ou barra de tarefas, e abrir o App, pronto! seu aplicativo desktop foi criado com sucesso!


Caso queira abrir o App como nova guia, (o que não faz sentido algum) basta ir novamente em informações do aplicativo e mudar a opção. ah! antes de me esquecer, a qualidade da conversão do app, vai depender do quanto o site é adaptado ao modo mobile, como vocês viram o Whatsapp Web fica perfeito!







Previous Post
Next Post

0 comentários: