Executando verificação de segurança...
10

Aprenda a usar o TabNews como APP Nativo no Desktop (ou qualquer outro site)

Acredito que já tenham feito um tutorial parecido, só que acho que foi com Electron (que possui várias desvantagens. Sendo a principal usar muita memória RAM do computador e outra por não salvar o histórico de navegação, assim você não consegue identificar rapidamente quais publicações você já viu).

Então, para este tutorial você vai precisar ter o Chrome instalado. Eu estou usando a versão 108.0.5359.125. Vamos lá!

  1. Acesse o TabNews (tabnews.com.br) no navegador e clique nos 3 pontos na parte superior direita.
    Demonstração
  2. Passe o cursor do mouse por cima da opção "mais ferramentas" e após isso, selecione a opção "criar atalho".
    Demonstração
  3. Um pop-up se abrirá em seu navegador, a partir daí basta selecionar a opção "Abrir em uma nova janela" e depois em "Criar".
    Demonstração

Pronto, agora um atalho foi criado na sua área de trabalho! Ao você clicar nele, ele não abrirá em uma janela no Chrome, mas sim como uma aplicação nativa.

aplicativo nativo do TabNews

O bom disso também é que todas as extensões do navegador continuam ativadas na aplicação (ali eu estou usando a extensão Dark Reader pra deixar o site com modo noturno).

Isso também é possível fazer no navegador Edge de forma bem parecida, no Firefox eu não achei como fazer isso e não testei em outros navegadores. 🐧

Carregando publicação patrocinada...
2

É uma solução bem interessante. O Microssoft Edge tamém apresenta uma solução bem massinha:

  1. Como no exemplo, clique nos "três pontinhos" ou utilize o atalho Alt + F
  2. Depois clique em Apps
  3. Em seguida, Instalar este site como app
  4. O site será instalado e poupup será aberto com essas informações:

Aplicativo instalado

Fornecedor: www.tabnews.com.br
O TabNews foi instalado como um aplicativo no seu dispositivo e será executado com segurança em sua própria janela. Inicie-o no menu Iniciar, na barra de tarefas do Windows ou na área de trabalho.

Permitir que este aplicativo

  • Fixar na barra de tarefas
  • Fixar em Iniciar
  • Criar atalho na área de trabalho
  • Início automático ao entrar no dispositivo

Além disso, há como alterar as permissões e extensões, além de também acessar outras ferramentas presentes no computador

2
1
1

Mas isso não é um App Nativo, é um conceito conhecido com PWA que serve para ser o meio termo entre o aplicativo pesado de desktop e o aplicativo infinitamente chato de ficar recarregando a cada 5 seg como um web-app

2

Realmente não é uma aplicação nativa, por isso eu coloquei como uma aplicação nativa, de forma simplificada por parte do usuário tem o mesmo efeito que uma aplicação nativa.

E muito obrigado por sua explicação, eu ainda tinha um conceito sobre PWA meio confuso 🤝

1

Recentemente também tive que aprender como funciona o recurso de PWA para os usuários aqui na empresa onde trabalho, eles utilizam a versão 365 do Office, e eu estava com um problema sério em uma máquina onde não conseguia autenticar o usuário corporativo... Enfim, eu mero Suporte N1 HelpDesk, precisaria de auxilio com o pessoal da Infraestrutura de Redes.

Então descobri que alguns outros colaboradores dessa empresa usavam uma versão PWA do Outlook, achei massa tentar entender e implementar...
Adivinha: Chamado fechado, usuário satisfeito, e nem precisei fazer a versão final Desktop do Outlook funcionar...

0
0
0
0

Dica legal, já criei o meu atalho aqui.
E é bem útil para setores da empresa focar no que precisa, já com atalhos criados!
Ganhou minhas tabcoins!

0