Páginas HTML (.html)

Um .html aberto na árvore vira uma aba de pré-visualização com um motor de layout de verdade: flexbox, blocos flutuantes, posicionamento, media query, gradientes, variáveis CSS e seletores CSS3. É o que faz um relatório moderno — daqueles que uma IA gera com cartões de indicador, tabela e gráfico — aparecer como no navegador, em vez de virar uma parede de texto.

O texto é selecionável: arraste para selecionar, dê duplo clique para pegar uma palavra, Ctrl+A seleciona a página inteira e Ctrl+C copia (o menu de contexto traz Copiar e Selecionar tudo).

A barra do topo traz o Sumário (os títulos da página; clique para saltar) e Buscar (Ctrl+F — realça todas as ocorrências, F3 e Shift+F3 andam entre elas, Esc fecha). O zoom saiu da barra da aba: fica num lugar só, na barra de status, como em todas as visões (veja Espaço e janelas).

Exportar PDF pagina a página em A4 com o texto vetorial — o PDF continua pesquisável e o texto, selecionável. A aba também acompanha o arquivo no disco: regerou o relatório, ele se atualiza sozinho sem perder a posição de leitura. E uma página que não escolheu as próprias cores segue o tema do aplicativo; quem definiu as suas é exibida como foi desenhada.

Os links funcionam: um link para outro arquivo da mesma pasta abre ali mesmo, #âncora rola até a seção e um endereço da web abre no seu navegador.

O que ele não faz é JavaScript e rede — nada é baixado. Quando a página depende disso (script, <canvas>, <iframe> ou um recurso da web), aparece uma faixa com Abrir no navegador. Dica para relatórios: peça à IA um HTML sem JavaScript e sem CDN, com o gráfico em SVG embutido — assim ele abre completo aqui dentro. Uma página com elementos aninhados demais (mais de 500 níveis) também não é desenhada aqui: a faixa diz isso e oferece o mesmo Abrir no navegador.

Ainda assim, algumas coisas respondem ao clique, sem executar nenhum script: uma caixa <details> abre e fecha pelo cabeçalho (e a barra ganha Expandir tudo quando a página tem alguma), um conjunto de abas troca o painel visível, e clicar no cabeçalho de uma tabela ordena as linhas — clicar de novo na mesma coluna inverte, e uma coluna de números ordena por valor, não como texto. Quando o par aba→painel não é inequívoco, nada é alterado: a página fica exatamente como veio.

Dois ajustes acontecem sozinhos, porque o motor não os tem: display:grid e gap viram flexbox equivalente, e o <svg> embutido é desenhado. box-shadow é ignorado. Para voltar ao visualizador antigo, desmarque Visualizador de HTML com layout completo em Configurações → Geral → Recursos.