Pular para o conteúdo

A tela Navegador

O que a tela Navegador oferece hoje, como abas, endereço e ajustes se organizam e o que ainda não faz parte dela.

Ver Markdown

Navegador é uma das quatro telas de um projeto, ao lado de Canvas, Conversa e Terminal. Ela é um navegador de verdade dentro do app: a página que você abre ali é renderizada, não baixada para leitura.

O que a tela tem

  • Barra de abas — abas de navegador, com fechar, duplicar, fixar e abrir no navegador do sistema.
  • Barra de ferramentas — voltar, avançar, recarregar e o campo de endereço.
  • Grupo de dispositivo — presets de tamanho de viewport para testar a página em outras dimensões.
  • Faixa de downloads — acompanhamento dos downloads em andamento e concluídos.
  • Menu de três pontos — perfis, criação de perfil, importação de cookies, tamanho de viewport e atalho para os ajustes do Navegador.

Abas

Cada aba é uma página. As ações ficam no menu de contexto da aba:

  • Duplicar — abre outra aba na mesma página.
  • Fixar — protege a aba de fechamento acidental.
  • Fechar e fechar as abas à direita.
  • Abrir no navegador do sistema — quando você quer a página fora do app.

Abas novas em branco mostram o rótulo de aba nova; o campo de endereço é o ponto de partida.

O campo de endereço

O campo aceita endereço ou busca:

  • Um endereço leva você direto para a página.
  • Qualquer outra coisa vira busca no motor configurado nos ajustes.
  • O campo sugere destinos enquanto você digita.
  • O motor de busca e o nível de zoom da página são escolhas suas, feitas nos ajustes do Navegador. Um dos motores suportados exige que você informe o link de sessão da sua conta.

Aba de navegador em cartão do Canvas

Uma mesma página pode ser endereçada de dois lugares: a tela Navegador e um cartão de navegador no Canvas. Quando um cartão referencia a aba, ela passa a existir naquele cartão — com subtítulo e estado de carregamento próprios. Os comandos de automação conseguem mirar o cartão, e nesse caso o alvo é o workspace do cartão, não o do diretório de onde você chamou.

Ajustes do Navegador

Os ajustes ficam em Ajustes → Navegador e também são alcançados pelo menu de três pontos. Eles se dividem em três blocos:

Bloco O que configura
Preview Página inicial, se links abrem dentro do app, motor de busca, zoom da página e preferência de localhost por workspace
Logins e perfis Perfis de sessão, importação de logins e o que cada perfil guarda
Agente no navegador Se o agente pode usar o navegador, e os requisitos que aparecem quando essa opção está ligada

O bloco de agente só mostra os requisitos quando a opção está ligada. O seletor de host dos perfis só aparece quando há mais de um host.

O que não faz parte desta tela hoje

Esta é a parte que mais importa para não criar expectativa errada:

  • Não há preview automático do seu app. A superfície que oferecia ligar o app do projeto e avisar “seu app acabou de mudar” está desligada no app instalado. Sem ela, a tela Navegador é o navegador: o estado vazio pede que você abra uma página, e não há oferta de ligar o projeto sozinho.
  • Não conte com detecção automática de servidor de desenvolvimento: ela faz parte da mesma superfície desligada.
  • Não há ferramentas de desenvolvedor do navegador no app instalado. O botão e o item de menu que abrem o inspetor existem apenas em builds de desenvolvimento — veja Limites da build publicada.
  • Não há controle remoto pelo celular no app instalado. O gesto de ceder o controle da aba a um dispositivo móvel não é um caminho disponível.

Por onde seguir