Como usar
- Com Prévia ao vivo ativada, cole seu código HTML na área de edição.
- Ative JavaScript para executar os scripts do HTML.
- Marque Bloquear recursos externos para impedir o carregamento de imagens, fontes, CSS e scripts de outros servidores.
- Em telas com mais de 768 px de largura, selecione Celular 375 em Viewport para conferir o layout nessa largura.
Exemplos
Oferta com CSS responsivo
<style>
.oferta{box-sizing:border-box;max-width:520px;padding:24px;background:#eef6ff;border-radius:12px;font-family:Arial,sans-serif}
@media(max-width:400px){.oferta{padding:12px}}
</style>
<section class="oferta">
<h1>Café do Cerrado</h1>
<p>Pacote de 500 g por R$ 29,90.</p>
<button>Adicionar ao carrinho</button>
</section>Tamanho: 328 B · Elementos: 5 · Recursos externos: 0
Conferir dados no console
<h1>Resumo do pedido</h1>
<p>Confira os dados registrados no console.</p>
<script>
console.log({cliente:"Marina",cidade:"Curitiba",total:89.90});
</script>Tamanho: 155 B · Elementos: 3 · Recursos externos: 0
Console (1):
{"cliente":"Marina","cidade":"Curitiba","total":89.9}Testar um aviso com alert
<h1>Cadastro recebido</h1>
<script>
alert('Recebemos seu cadastro.');
</script>Tamanho: 79 B · Elementos: 2 · Recursos externos: 0 Console (1): alert: Recebemos seu cadastro.
Perguntas frequentes
Posso visualizar um site colando a URL?
Uma URL colada sozinha aparece como texto; a ferramenta não busca a página. Para consultar o HTML de um site pelo endereço, use a ferramenta Ver código fonte.
Por que as imagens e o CSS do meu arquivo HTML não aparecem?
Caminhos relativos, como img/logo.png e style.css, não acessam os arquivos do seu computador. Use URLs absolutas ou defina um endereço-base no HTML com a tag base e o atributo href, apontando para o local onde esses recursos estão disponíveis.
Meu código HTML é enviado para algum servidor?
A ferramenta renderiza o HTML no navegador e não envia o código ao servidor. Recursos externos referenciados no HTML podem gerar conexões com seus próprios servidores, que podem ver seu IP; o código não é salvo entre visitas.
Quais arquivos posso abrir no visualizador HTML?
São aceitos arquivos .html, .htm, .xhtml, .svg e .txt de até 5 MB. Arquivos maiores são rejeitados.
Por que alert não abre uma janela na prévia?
As chamadas alert, confirm e prompt são registradas como mensagens, sem abrir caixas de diálogo. Nesse ambiente, confirm retorna false e prompt retorna null.