web app

Instale o harvis.dev como um app

O harvis.dev vem com um manifesto web, então o seu navegador consegue instalá-lo como qualquer outro app — janela própria e ícone próprio no dock ou na tela de início. Sem loja de apps, sem instalador, sem permissões.

why bother

O que muda ao instalar

  • Janela própria

    Sem abas, sem barra de endereço. O uploader e o seu painel abrem numa janela independente e limpa, com lugar próprio no alternador de apps.

  • Publicar com um toque

    Um ícone no dock, na barra de tarefas ou na tela de início. Abra, solte uma pasta e o site já está no ar antes de a janela terminar de abrir.

  • Nada para baixar

    É o mesmo site que você está lendo — instalar só acrescenta o ícone e a janela. Sem pacote, sem conta de loja, sem atualizações em segundo plano para aprovar.

Como instalar

Escolha o navegador em que você está lendo isto. Todos os caminhos terminam igual: o harvis.dev ao lado dos seus apps nativos.

Chrome, Edge ou Brave no computador

  1. 01Olhe no fim da barra de endereço: lá fica o ícone de instalar, um monitorzinho com uma seta para baixo.
  2. 02Não apareceu? Abra o menu do navegador e escolha “Instalar página como app” (no Edge: Apps → Instalar este site como um app).
  3. 03Confirme, e o harvis.dev abre em janela própria e aparece no seu lançador de apps.

Chrome no Android

  1. 01Toque no menu ⋮ no canto superior direito.
  2. 02Escolha “Adicionar à tela inicial” e depois “Instalar”.
  3. 03O ícone vai para a tela inicial e abre sem nenhuma moldura do navegador.

Safari no iPhone e no iPad

  1. 01Toque no botão Compartilhar — o quadrado com a seta para cima.
  2. 02Role a folha, toque em “Adicionar à Tela de Início” e depois em “Adicionar”.
  3. 03O iOS lê o mesmo manifesto, mas nunca mostra aviso — este é o único caminho.

Safari no Mac

  1. 01Abra o harvis.dev numa aba normal.
  2. 02Escolha Arquivo → Adicionar ao Dock na barra de menus, dê um nome e clique em Adicionar.
  3. 03Precisa do macOS Sonoma ou mais recente — versões anteriores do Safari não instalam apps web.

O Firefox no computador abandonou a instalação de apps web, então um favorito é o mais perto que dá. No Android, o Firefox ainda tem “Adicionar à tela inicial” no menu.

O que tem no manifesto

A instalação inteira depende de um arquivo só, servido em /site.webmanifest. Os navegadores leem ali o nome do app, qual ícone usar e como a janela deve abrir.

site.webmanifest
{
  "name": "harvis.dev",
  "short_name": "harvis.dev",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#13161a",
  "theme_color": "#13161a",
  "icons": [
    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
    { "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
  ]
}

“standalone” é o campo que remove a moldura do navegador; o ícone maskable é o que o Android recorta no formato dele.

Deixe o seu site instalável

Tudo o que você publica no harvis.dev pode ser instalado do mesmo jeito. Coloque um manifest.json ao lado do index.html, aponte para ele no head e inclua um ícone de 192 px e outro de 512 px — é só isso que exigem.

html
<!-- index.html -->
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#13161a">

Os navegadores também exigem HTTPS antes de oferecer a instalação. Todo endereço harvis.dev já é servido por HTTPS, então não há nada para configurar.