DT Dev Tools

HTML Viewer — Editor HTML online

Editor HTML online com pré-visualização ao vivo. Escreva HTML, CSS e JavaScript e veja o resultado na hora, tudo no navegador.

🔒 Executa completamente no seu navegador — nada é enviado

Solte um arquivo .html aqui ou clique para procurar — ou edite o código abaixo

Esta ferramenta foi útil? Avalie-a:

O que o HTML Viewer faz

O HTML Viewer é um editor HTML online com pré-visualização ao vivo. Cole um trecho ou escreva uma página completa com HTML, CSS e JavaScript e o resultado aparece ao lado do código. É útil para testar modelos de e-mail, prototipar layouts, verificar trechos copiados, aprender o básico da web ou reproduzir um bug sem criar projeto, salvar arquivos ou iniciar um servidor local.

A pré-visualização é atualizada automaticamente logo após você parar de digitar, dando um retorno rápido. Em páginas pesadas ou scripts com efeitos colaterais, desative a execução automática e clique em Executar quando quiser. Também é possível restaurar o exemplo, copiar o código, baixá-lo como arquivo .html independente ou abri-lo em uma nova aba.

Privado e isolado

Tudo roda localmente no seu navegador. Seu código nunca é enviado e não é preciso conta. A pré-visualização aparece em um iframe com sandbox: os scripts executam, mas ficam isolados desta página e não conseguem ler rascunhos, cookies ou outros dados do site. Assim é razoavelmente seguro testar trechos não confiáveis, mas evite colar código que você não entende e que carrega recursos de terceiros.

Dicas práticas

Inclua um documento completo com doctype, head e body para imitar uma página real, ou cole só um fragmento e deixe o navegador completá-lo. Use blocos style e script embutidos para manter o exemplo em um arquivo. Bibliotecas externas são carregadas por URLs absolutas. Links relativos e caminhos locais não funcionam, pois a pré-visualização não tem pasta por trás. Seu último rascunho é salvo localmente com opção de restauração.

Como usar

  1. Escreva ou cole HTMLDigite HTML, CSS e JavaScript no editor ou comece pelo exemplo.
  2. Veja a pré-visualizaçãoA pré-visualização atualiza enquanto você digita; em páginas pesadas, desative a execução automática.
  3. Salve sua páginaCopie o código, baixe como .html ou abra em uma nova aba.

Perguntas frequentes

Meu HTML é enviado para algum lugar?
Não. O código é exibido em um iframe isolado no seu navegador e nunca sai do seu dispositivo.
Posso executar JavaScript?
Sim. Os scripts rodam na pré-visualização isolada, separados da página do site.
Posso carregar CSS ou imagens externos?
Sim, URLs absolutas funcionam como em qualquer página web. Arquivos locais não são acessíveis.