Pré-visualização de arquivo HTML grátis
Uma ferramenta de pré-visualização HTML gratuita para usar on-line sem cadastro nem instalação. Envie um único arquivo HTML, ou CSS, JS, imagens e várias páginas HTML juntas, ou uma pasta inteira, e os caminhos relativos e a navegação entre páginas são pré-visualizados como estão. Cole código e o resultado aparece ao vivo à direita. Alterne entre larguras de desktop e celular para verificar layouts responsivos, abra em nova janela ou baixe. Todo o processamento acontece no navegador, então seus arquivos nunca são enviados a lugar nenhum.
Como usar
- Arraste e solte ou clique para enviar o arquivo HTML que quer pré-visualizar. Solte CSS, JS, imagens, várias páginas ou pastas na área "Adicionar arquivos/pastas" para incluí-los, ou crie-os diretamente com "Novo arquivo" / "Nova pasta" ou colando código.
- Clique em um arquivo na lista "Arquivos" à esquerda para abrir seu código. Escolha um arquivo HTML para pré-visualizar aquela página.
- Quando você edita a área de código, o resultado à direita é atualizado ao vivo enquanto "Atualização automática" está ativada. Ao clicar em um link dentro da pré-visualização, navega-se para aquela página.
- Alterne a largura da pré-visualização entre desktop, tablet e celular para verificar layouts responsivos.
- Use "Abrir em nova janela" para ver em tela cheia, "Baixar" para salvar o arquivo atual e "Copiar" para colocar o código na área de transferência.
O que torna esta ferramenta gratuita de pré-visualização HTML útil
- Totalmente grátis · sem cadastro · sem instalação — use on-line na hora
- Processado no navegador, então os arquivos nunca são enviados a lugar nenhum — pré-visualização segura
- Suporta desde um único arquivo HTML até CSS/JS/imagens/várias páginas e o envio de pastas inteiras
- Vinculação automática de caminhos relativos (../, ./) com CSS/JS/imagens, além de navegação por links entre páginas
- Alterne larguras de desktop/tablet/celular para verificar layouts responsivos
- Executa também JavaScript, com segurança em um frame sandbox isolado
- Abrir em nova janela · copiar código · baixar arquivo suportados
Perguntas frequentes
A pré-visualização de arquivo HTML é gratuita?
Sim, é totalmente gratuito. Você pode usar direto no navegador, sem cadastro nem instalação.
Meus arquivos HTML enviados vão para um servidor?
Não. A leitura de arquivos e a renderização da pré-visualização acontecem dentro do navegador, e os arquivos nunca são enviados a servidor externo algum.
Posso pré-visualizar digitando o código diretamente?
Sim. Sem enviar um arquivo, cole ou digite código HTML e o resultado aparece ao vivo à direita.
Posso pré-visualizar um projeto ou pasta com CSS, JS e imagens separados?
Sim. Envie vários arquivos juntos ou uma pasta inteira, e o CSS, JS e imagens vinculados por caminhos relativos são aplicados automaticamente, com navegação por links entre páginas. Os arquivos .php rodam por um interpretador de um subconjunto de PHP no navegador para a sintaxe básica (echo, variáveis, arrays, condicionais, laços, funções internas comuns). Porém, como não há servidor, funções de servidor como conexões com BD, leituras de arquivos e requisições de rede, ou código que carrega arquivos via fetch em tempo de execução, não funcionam.
Posso verificar como fica em uma tela de celular?
Sim. Alterne a largura da pré-visualização entre desktop, tablet e celular para ver como fica o layout responsivo.
O JavaScript dentro da pré-visualização é executado?
Sim. A pré-visualização roda em um frame sandbox isolado, então você pode verificar o comportamento do HTML e JavaScript sem afetar a página.