Visualizador HTML e Prévia ao Vivo
Renderize HTML e código na hora, em um sandbox seguro e isolado, tudo direto no seu navegador.
Ferramentas relacionadas
Sobre esta ferramenta
Este visualizador HTML online renderiza o código que você digita ou cola em um painel de prévia ao vivo, atualizado enquanto você edita, sem enviar nada a um servidor. Serve para ver rapidamente como fica um trecho de marcação, testar o HTML de um e-mail marketing, conferir um código de incorporação antes de colá-lo no CMS ou simplesmente experimentar uma ideia de layout sem precisar criar um projeto.
O painel de prévia é um iframe com sandbox: ele executa o HTML em um contexto isolado, sem acesso a esta página, aos cookies dela ou ao armazenamento, e não consegue navegar a janela principal. Scripts do seu trecho rodam normalmente, então demos interativas e tags script inline funcionam como esperado — mas o sandbox mantém esse código preso à sua própria origem isolada.
Como a renderização acontece inteiramente no navegador, nada do que você cola é enviado ou registrado em lugar nenhum. A página funciona totalmente offline depois de carregada, então dá para ver HTML com textos sensíveis, URLs internas ou conteúdo ainda em desenvolvimento sem preocupação.
É uma mão na roda sempre que você precisa de uma checagem rápida: ver se as tags estão fechadas e os elementos aninhados corretamente, conferir como o CSS inline é aplicado, confirmar que um template de e-mail aparece do jeito certo antes do disparo ou revisar um snippet de terceiros antes de confiar nele em uma página real.
Lembre-se de que esta é uma ferramenta de prévia, não um navegador completo. Recursos externos referenciados por URL — folhas de estilo, imagens, fontes — continuam sendo carregados pela rede. E os scripts rodam em um contexto restrito e sem cookies, não na origem real do seu site; por isso, qualquer coisa que dependa dos cookies, do localStorage ou de requisições same-origin do seu site não vai se comportar exatamente igual aqui.
O fluxo típico é simples: digite a marcação direto no editor ou use o botão Colar, acompanhe a prévia atualizando a cada tecla e vá ajustando até ficar do jeito certo. O botão Limpar esvazia o editor com um clique quando você quiser recomeçar. HTML gerado por outras ferramentas do DevKit também pode chegar aqui direto — por exemplo, decodifique um trecho HTML em Base64 na ferramenta Base64 e use o menu "Enviar para" para abrir o resultado neste visualizador, sem copiar e colar nada.
Perguntas frequentes
É seguro visualizar aqui HTML de uma fonte não confiável? expand_more
A prévia roda em um iframe com sandbox, com origem própria, isolada e sem cookies, então não consegue ler os dados desta página nem os cookies do seu site. Mesmo assim, os scripts do trecho são executados, então trate como se estivesse abrindo uma página desconhecida — não cole nada que você não executaria de jeito nenhum.
Meu HTML é enviado para algum lugar? expand_more
Não. A renderização acontece inteiramente no seu navegador, e a ferramenta continua funcionando offline depois que a página carrega.
Imagens, fontes ou folhas de estilo externas carregam na prévia? expand_more
Sim. Se o seu HTML fizer referência a elas por URL, o iframe com sandbox vai buscá-las pela rede, como uma página normal faria.
As tags script do meu código são executadas de verdade? expand_more
Sim, os scripts rodam dentro do iframe com sandbox, o que permite ver demos interativas — mas essa execução fica isolada desta página e da origem real do seu site.
Por que um script que lê cookies ou localStorage não funciona igual ao meu site? expand_more
O iframe com sandbox tem uma origem própria, única e isolada, e não a origem real do seu site. Por isso não tem acesso aos cookies nem ao armazenamento do seu site — tudo que depende deles vai se comportar de outro jeito aqui.