Visualizzatore HTML

Scrivi o incolla HTML e vedi il rendering istantaneo nel browser.

Layout:Gli script sono in sandbox e non possono essere eseguiti.

Codice HTML

<!DOCTYPE html>
<html>
<head>
  <style>
    body { font-family: sans-serif; padding: 16px; color: #1e293b; }
    h1 { color: #3b82f6; }
    button { background: #3b82f6; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; }
    button:hover { background: #2563eb; }
  </style>
</head>
<body>
  <h1>HTML Viewer</h1>
  <p>Edit the HTML on the left to see it rendered here.</p>
  <button>Click me</button>
</body>
</html>

Anteprima

Informazioni su questo strumento

Il Visualizzatore HTML ti permette di scrivere o incollare codice HTML e vedere immediatamente come viene renderizzato nel browser. L'anteprima viene mostrata in un iframe isolato con script disabilitati, così puoi visualizzare in sicurezza HTML da fonti non attendibili.

Supporta documenti HTML completi (con head, CSS inline e blocchi style) e frammenti HTML. Tutto il processing avviene localmente nel tuo browser.

Come usare

Digita o incolla il tuo HTML nell'editor di codice a sinistra.
Fai clic su Renderizza per aggiornare l'anteprima.
Passa al layout Sovrapposto per un'area di anteprima più alta.
Usa Tab per indentare le righe nell'editor.

Casi d'uso

Gli sviluppatori frontend testano snippet HTML rapidamente. Gli sviluppatori di email visualizzano i template HTML. Gli studenti che imparano HTML sperimentano con i tag e vedono i risultati immediatamente. I revisori di codice verificano visivamente l'output renderizzato.

Domande frequenti

Perché gli script sono disabilitati? — L'iframe di anteprima usa sandbox="allow-same-origin" per bloccare l'esecuzione JavaScript, permettendo di visualizzare in sicurezza HTML da fonti sconosciute.
Posso visualizzare CSS in anteprima? — Sì. Includi tag style nel tuo HTML o usa stili inline. I fogli di stile esterni da altre origini potrebbero essere bloccati da CSP.
Supporta documenti HTML completi? — Sì. Puoi incollare un documento HTML completo inclusi i tag DOCTYPE, head e body.