Visualizador HTML
Cole HTML para pré-visualizá-lo renderizado em um frame isolado e depois formate o código —— tudo localmente no seu navegador, nada é enviado.
Relacionado
Guias para Visualizador HTML
Erros de análise de JSON: leia a mensagem, vá direto à correção
Um diretório de mensagens de erro dos analisadores de JSON e do artigo que explica cada uma — comece com um validador rigoroso e depois aprofunde no problema de sintaxe específico.
Reparar JSON inválido: de «o que está errado» a um arquivo limpo
Repare JSON que parece quase certo — vírgulas finais, aspas simples, chaves sem aspas — com um formatador inteligente que tolera o quase-JSON e depois valida de forma rigorosa.
Formatador, validador e visualizador de JSON: escolha a ferramenta certa
Compare lado a lado formatador, validador, visualizador, minificador e comparador, com a ordem para encadeá-los ao revisar uma carga útil de uma API.
Visualizador e renderizador de HTML online
Cole seu HTML à esquerda e veja-o renderizado na hora à direita. Este visualizador HTML online roda inteiramente no seu navegador —— sua marcação nunca é enviada para um servidor, o que o torna seguro para páginas internas, templates de e-mail e marcação em andamento.
A pré-visualização é renderizada em um frame isolado com scripts desativados, então você vê o HTML e o CSS exatamente como um navegador os organiza, sem executar nenhum JavaScript. Use o botão Format para formatar o código com indentação limpa enquanto trabalha.
- Veja HTML —— cole a marcação e leia o resultado renderizado, como um leitor HTML online
- Renderize HTML e CSS ——
<style>inline e atributos são aplicados na pré-visualização - Formate o código —— reindente HTML desorganizado com um clique
- 100% local —— um visualizador HTML privado; nada sai do seu navegador
O que você pode pré-visualizar
Isto funciona como visualizador HTML online, visualizador de arquivos HTML, pré-visualizador HTML e renderizador HTML: cole um documento completo ou um fragmento e o frame mostra como ele fica. HTML de e-mail, relatórios exportados, trechos extraídos e marcação de componentes são todos renderizados da forma como um navegador os desenharia.
Por que os scripts são desativados
Um visualizador que executasse JavaScript arbitrário poderia vazar justamente os dados que você cola. Desativar os scripts mantém a ferramenta segura e previsível —— você obtém uma pré-visualização visual fiel da estrutura e do estilo. Para testar comportamentos interativos, abra o HTML em uma aba real do navegador.
FAQ
Meu HTML é enviado para algum lugar?
Não. O visualizador renderiza seu HTML localmente em um iframe isolado. Nada é enviado para um servidor, então é seguro para marcação confidencial.
Por que meu JavaScript não roda na pré-visualização?
O frame de pré-visualização é isolado com scripts desativados por segurança. Você vê o HTML e o CSS renderizados, mas o código <script> não é executado. Abra o arquivo em um navegador para testar scripts.
Posso formatar o HTML também?
Sim —— clique em Format para reindentar o código com espaçamento consistente. Para uma ferramenta dedicada, veja o Formatador HTML.