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

Idealizador e mantenedor do blog Ubunters desde 2014. Sou amante de Web Design e trabalho com sites e blogs desde 2012, entusiasta de informática desde criança comecei a me interessar por Linux desde cedo, depois disso não parei mais. O Blog nasceu da vontade de divulgar notícias de tecnologia e open-source.

comentários

/** * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/ /* var disqus_config = function () { this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable }; */ (function() { // DON'T EDIT BELOW THIS LINE var d = document, s = d.createElement('script'); s.src = 'https://weeknow.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })();

0 comentários: